* {
   padding:0;
   margin:0;
}

body {
  font-family:verdana, Helvetica, sans-serif;
  color: #fff;
}
#wrapper{
    width:872px; margin:10px auto 0;  overflow:hidden;
    background:transparent url(../images/interface/A_P_side_border.gif) repeat-y 0 -12px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color=#d9d9d9)";/*IE 8*/
-moz-box-shadow: inset 0px -1px 6px #d9d9d9;/*FF 3.5+*/
-webkit-box-shadow: inset 0px -1px 6px #d9d9d9;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: inset 0px -1px 6px #d9d9d9;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color=#d9d9d9); /*IE 5.5-7*/
  -moz-border-top-left-radius: 0px;
-moz-border-top-right-radius: 0px;
-moz-border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
behavior: url(path/to/PIE.htc);/*Apply PIE*/
}

#header{
  position:relative;
  width:871px;height:127px;
}

.logoLink{
	display:block;position:absolute;height:80px;width:282px;overflow: visible;
	float:left;z-index:400;
}

#logoPos {
    position:relative;xtop:18px;left:10px;pointer-events: none;
  float:left;
  border: none;
  background: none;
}
#logoPosBott {
  float:left;
 margin-left:10px;
  border: none;
  background: none;
  position:relative;
  bottom:6px;
}
.shadow{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow:0px 0px 4px #afaeae;
	-webkit-box-shadow:0px 0px 4px #afaeae;
	-moz-box-shadow:0px 0px 4px #afaeae;
}
.topBorder{
  position: relative;
  bottom:6px;
}

.clear_both{
    clear:both;
}

#socialIcons{
   margin:3px 10px 5px 0;
   width:250px;
   float:right;
   clear:right;
}
.fb-like{
  margin-bottom:10px;float:right;width: 100%;text-align: right;padding-right:10px;

}
#socialIcons a{
   border:0px;
}
#socialIcons img{
  float:right;
  margin-left:10px;
  border:0px;
}
#social_buttons{
  margin-right:10px;
}
.socialIconsInText{
 float:right;
 display:block;
}
.socialIconsInText img{
 border:0px;
 margin:10px 0 0 10px;
}
/*This is the tabbed navigation bar at the top - beginning*/





#navigation {
    float:right;padding:3px 0px 0px;width:100%;margin-top:-15px;  background-image: url(../images/interface/ap_sub_nav_bg.gif);box-sizing:border-box;
    font:bold  14px/16px Verdana, Arial, Helvetica, sans-serif; color: #000000;
}

/*This is the Main menu for the site*/

#navTop{
  float:right;
  list-style:none;
  margin-right:8px;
}



#navTop ul, #navTop li{
  display:inline;
  padding:0;
  font-weight:bold;
  list-style: none;
}

#navTop li{
    display:table-cell;
    padding:1px 8px 5px 8px;
}

#navTop li a {

    color: #ffffcc;
    font-size:85%;
    background-image:none;
    text-decoration: none;
}



#navTop li a:hover {
    color: #EDECE9;
    text-decoration: none;
    font-size:85%;
}

#navTop #current a, #navTop #top_current a, #navTop .selected a  {
  color: #CC3A00;

}
#navTop li#current, #navTop li#top_current{
    background-color:#EBEBEB;
}
/*This is the tabbed navigation bar at the top - end*/





/*This is the sub menu for the CV pages*/

#subNav{
  float:right;margin:0px 5px 0 6px;
  list-style:none;clear:both;width:861px;background-color:#EBEBEB;
  border-bottom:2px solid #B5B5B5;
}

#subNav ul, #subNav li{
  display:inline;
  padding:0;
  font-weight:bold;
  list-style: none;
  background-image:none;
}
#subNav ul {
    float:left; padding:2px 0px 4px 400px;xmargin-right:4px;
}


#subNav li a {
    padding-right:15px;
    color: #000;
    font-size:85%;
    background-image:none;
    text-decoration: none;
}



#subNav li a:hover {
    color: #CC3A00;
    text-decoration: none;
    font-size:85%;
}

#subNav .current a, #subNav .selected a  {
  color: #CC3A00;
  text-decoration:none;
}

#navWorkshopText{
       margin:0 10px 0 0;
}

#subNav ul#navAboutText{
       margin:0 250px 0 0 !important;
}


/*This is the sub menu for the CV pages - end*/


h1{
  color: #cc3a00; font-size: 24px;font-weight:normal;
}

h2{
  margin:15px 0 8px 4px;
  color: #cc3a00;font-size:20px;font-weight:normal;
}
h3{
  color: #cc3a00;font-size:14px;font-weight:bold;
}

#summerSchool h2{
  margin-top: 5px;
}


#content {
  float:left;
  width: 870px;
  xmin-height: 433px;
  background:transparent url(../images/interface/ap_Main_bg.gif) no-repeat  95% center;
  color:#ff3600;
  }
#content  a {
    color: #800c00;
}
#content a:hover {
    color: #000;
}
#twoThirdsCol{
  float:left;
  width:515px;
  margin:5px 0px 5px 25px;
}
#fullWidthCol{
  width:820px;
  float:left;
  margin:5px 0px 5px 25px;
}
#threeQuartsCol{    width:600px;
  float:left;
  margin:20px 0px 5px 25px;
}
#oneQuartCol{
  width:200px;
  float:right;
  margin-right:15px;
}
#home #twoThirdsCol{
  margin-top:15px;
}


#oneThirdCol{
  float:right;
  width:310px;
  margin:5px 15px 5px 0px;
}
#oneThirdCol img,  #twoThirdsCol img,  #oneQuartCol img, #threeQuartsCol img, #fullWidthCol img{
    border: 1px solid #ffe7d6;
-moz-border-radius: 3px;/*Firefox*/
-webkit-border-radius: 3px;/*Safari, Chrome*/
border-radius: 3px;

}
p{
  margin:5px 0 5px 20px;
  line-height: 18px;
  color:#69604f;
  font-size:12px;
}
.articleLink{
  padding-left:20px; 
  line-height: 18px; color:#69604f; font-size:12px;}
.highLine{
  line-height: 22px;
}


#homeTopPic{
  float:left;
  margin:25px 0 10px 35px;
}

#homeBottPic{
  float:right;
  margin:10px 35px 10px 10px;
}
.quoteContainer{
  display:block;
  float:left;
 width:90%;
 margin:15px 0 15px 0px;
 float:left;
 color: #ff3600;
 clear:both;
}
.quoteContainer .quote p{
 font-size:20px;
 font-weight: normal;
 color: #ff3600;
 line-height: 22px;
}
.quoteAttr, .quoteOrg{
  font-size:12px;
 font-weight: bold;
 text-align:right;   color: #ff3600;
}
.titleEmp22{
    color: #cc3a00;
  font-size: 22px;
}
.titleEmp14{
    color: #cc3a00;
  font-size: 14px;
}
.textEmph{
  font-size:12;
  color:#000;
  font-weight:bold;
}
.cvBlock{
  float:left;display:block;
  margin:0 0 10px 0;
  width:100%;
}
.textSideBar{
   display:block;
   float:left;
   font-size:16px;
   margin-top:10px;
}
#summerDetails{
   margin:5px 0 5px 20px;
  line-height: 18px;
  color:#69604f;
  font-size:12px;
  list-style: disc inside;
}
.summerSkills{
  display:block;
  float:left;
  width:270px;
  margin:0 0 0 25px
}
.summerSkills p{
  margin-left:10px;
}
.gallery img{
  float:left;

}
.gallery{
  margin:0 0 0 20px
}
#rightGallery{
  width:100%;
  padding:0 0 0 25px;
}
/*YouTube styles */
.yt_container{
    float:left;width:50%;padding: 0 10px 10px 10px;
    box-sizing: border-box; *behavior: url(/js/boxsizing.htc);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}



#vid_row{
    width:100%;clear:both;position: relative;
}



.you_tube_frame{
  margin: 0px 0px 4px 5px;
  display: inline-block;
  float: left;
  background: transparent url(../images/interface/vid_bg.png) no-repeat center;
  text-decoration: none;
  padding: 4px;
    box-sizing: border-box; *behavior: url(/js/boxsizing.htc);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}

.you_tube_frame p {
  text-align: left;
}

#content img.yt_img{
    width:100%;
}
#home #vid_row, .story #vid_row{
	margin-top: 25px;margin-left: 20px;
}

#home .you_tube_frame, .story .you_tube_frame{
	width:100%;
}

.yt_gen_container{
	padding:0;display: block;float:left;width:calc(90% - 20px );
}

.yt_gen_container p{
	margin-left: 0;
}

#project #vid_row{
	width: 100%;overflow: auto;
}
#project .you_tube_frame{
	margin-left: 15pxposition: relative;
}

.play_button{
	display:inline-block;position: absolute;top:25%;left:30%;pointer-events: none;z-index: 100;border:0 !important;
}

#home .play_button, .story .play_button{
	left:25%;top:10%;
}

#contact .play_button{
		left:20%;top:8%;
}

/* Story Styles begin */
.story_precis_block{
    float:left;
    margin: 0 0 10px 20px; width:90%;    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.story_precis_block p {
    margin-left:0;
}
 .story_thumb{
     float:right;
     margin:10px 0 0 10px;
 }

#show_block{
    float:left;width:100%;
    padding-left:15px;
}
#show_block h2{
    margin-left:-10px;
}
#show_block ul{
    list-style-type:none;

}
#show_block p{
    margin:1px 0 1px 20px;
}

#buy_book_block{
    margin-top: 15px; margin-bottom:10px;
}

.book_price{
    margin-left:20px;font-weight:bold;
}
.book_postage{
    font-size:75%;
}
.paypal_button{
    margin:5px 0 0 20px;
}
/* Story Style end */



.detailTitle{
    font-weight:bold;color:#FF3600;
}
.shop #content{
	padding-left:25px;width:calc(100% - 25px);
}
.shop-block{
	padding:0 10px 15px;overflow: auto;
}
.shop-block h1{
	width:100%;
}

.text-block{
	float:left;
	width:60%;
	
	
}

.imgmerch{
	float:left;
	width:35%;
}

.imgmerch .story_thumb{
	float:left;margin-top: 0; padding-right: 20px;
}
.picFrame{
  float:left;
}

.cvPortrait{
  float:right;
  margin:5px 5px 5px 10px;
  clear:right;
}
#contact .cvPortrait, #team .cvPortrait{
  margin:5px 15px 5px;
}
#project img.cvPortrait{
  margin-left:0px;
}

.hanging-indent {
text-indent: -25px;
}
#form1_contact_artful{
  float:left;
  width:450px;margin:0px; margin-left:20px;

  text-align: right;
}
#contact fieldset div{
    float:left;
    width:100%;
    position:relative;
}
#form1_contact_artful fieldset{
  width:100%; border:0px;
}
#contact label, #contact textarea, #contact input{
vertical-align:top;
margin:0 0 0 0;
border:1px solid #cc3a00;
padding:3px;
display:block;
float:left;
width:300px
}
#contact #no_field{
    height:0;width:0;overflow:hidden;
}
#contact label{
width: 4.6em;
text-align:left;
margin-right: 0.1em;
margin-left:3px;
display: block;
border:0px;
float:left;
color:#cc3a00;
}
#contact input{
  margin-bottom: 3px;width:300px
}
#form1_contact_artful p{
  margin-left:5px;text-align:left;
}
#contact h2{
  margin-top: 5px;
}

#contact textarea{
  overflow:auto;
  height:60px;
  margin-bottom: 3px; width:300px
}



#contact .subButton, #contact .subButtonCell #form1_button,  #contact #form1_button, .gen-button{
border:1px solid #971E00;
color:#fff;
 background-color:#ff3600;
 font-size:16px;
 cursor: pointer;
 padding:2px;
 min-width:100px;
 margin-left:0;
 border-radius: 8px;
}


.gen-button:hover{
	color:black;
	}

.view_cart{
	float:right;
	margin-top: 2px;margin-left: 5px;
	display:none;
}

.story .view_cart, .shop .view_cart{
	display:block;
}

#contact .subButton, #contact .subButtonCell #form1_button,  #contact #form1_button{
	 margin-left:232px;
}

.linkFrame{
    margin:0 0 5px 15px;
}
.linkLink{
  padding-left:15px;
  font-size:12px;
}

#footer {
  float:left;
  width: 863px; position:relative;top:12px;  margin-bottom:12px;
  height:70px;
  color: #990000;
  font-size:90%;
  font-weight: bold;
  background: transparent url(../images/interface/xap_footer_bg.gif) no-repeat bottom;
  border:4px solid #f13500;

  border-top:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color=#d9d9d9)";/*IE 8*/
-moz-box-shadow: inset 0px -1px 6px #d9d9d9;/*FF 3.5+*/
-webkit-box-shadow: inset 0px -1px 6px #d9d9d9;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: inset 0px -1px 6px #d9d9d9;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color=#d9d9d9); /*IE 5.5-7*/
  -moz-border-top-left-radius: 0px;
-moz-border-top-right-radius: 0px;
-moz-border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
behavior: url(path/to/PIE.htc);/*Apply PIE*/

}
#logoBlock{
   float:left;margin-left:15px;

}

#logoBlock a{
   display:inline-block; text-decoration:none;
   margin:3px;

}


.emailText{
  float:right;
  margin:10px 15px 0 0;
}
.telephoneText{
  float:right;
  margin:10px 15px 0 0;
}

 #footer  a {
    border-bottom:solid 1px #990000;
    color: #990000;
    text-decoration:none;
}

.hr-footer {
    margin: 0;
    border:0;
    height: 4px;
background: #f13500;
background: -moz-linear-gradient(left, #f13500 0%, #cc3300 49%, #f13500 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f13500), color-stop(49%,#cc3300), color-stop(100%,#f13500));
background: -webkit-linear-gradient(left, #f13500 0%,#cc3300 49%,#f13500 100%);
background: -o-linear-gradient(left, #f13500 0%,#cc3300 49%,#f13500 100%);
background: -ms-linear-gradient(left, #f13500 0%,#cc3300 49%,#f13500 100%);
background: linear-gradient(to right, #f13500 0%,#cc3300 49%,#f13500 100%);
}


#footer a:hover {
    border-bottom:solid 1px #666666;
    color: #666666;

}
.score_block{
    float:left;width:100%;padding:10px;

}
.score_block h3, .score_block h2,.score_block p {
    margin:0;
    }

.soundcloud_block{
    float:left;width:430px;margin-right:20px;
    }
.notes_block{
    float:left;width:350px;
}
.download_block{
    float:left;width:350px;
}

.download_block h3{
    float:left;margin-right:5px;
}