/* These styles built for BillyBalloney.com and BillyBaloney.com */

/*----------------Font Styles begin-------------------*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 22, 2012 12:14:37 PM America/New_York */



@font-face {
    font-family: 'AsapRegular';
    src: url('/_fonts/asap/asap-fontfacekit/Asap-Regular-webfont.eot');
    src: url('/_fonts/asap/asap-fontfacekit/Asap-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/asap/asap-fontfacekit/Asap-Regular-webfont.woff') format('woff'),
         url('/_fonts/asap/asap-fontfacekit/Asap-Regular-webfont.ttf') format('truetype'),
         url('/_fonts/asap/asap-fontfacekit/Asap-Regular-webfont.svg#AsapRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AsapItalic';
    src: url('/_fonts/asap/asap-fontfacekit/Asap-Italic-webfont.eot');
    src: url('/_fonts/asap/asap-fontfacekit/Asap-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/asap/asap-fontfacekit/Asap-Italic-webfont.woff') format('woff'),
         url('/_fonts/asap/asap-fontfacekit/Asap-Italic-webfont.ttf') format('truetype'),
         url('/_fonts/asap/asap-fontfacekit/Asap-Italic-webfont.svg#AsapItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AsapBold';
    src: url('/_fonts/asap/asap-fontfacekit/Asap-Bold-webfont.eot');
    src: url('/_fonts/asap/asap-fontfacekit/Asap-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/asap/asap-fontfacekit/Asap-Bold-webfont.woff') format('woff'),
         url('/_fonts/asap/asap-fontfacekit/Asap-Bold-webfont.ttf') format('truetype'),
         url('/_fonts/asap/asap-fontfacekit/Asap-Bold-webfont.svg#AsapBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AsapBoldItalic';
    src: url('/_fonts/asap/asap-fontfacekit/Asap-BoldItalic-webfont.eot');
    src: url('/_fonts/asap/asap-fontfacekit/Asap-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/asap/asap-fontfacekit/Asap-BoldItalic-webfont.woff') format('woff'),
         url('/_fonts/asap/asap-fontfacekit/Asap-BoldItalic-webfont.ttf') format('truetype'),
         url('/_fonts/asap/asap-fontfacekit/Asap-BoldItalic-webfont.svg#AsapBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*----------------Font Styles end-------------------*/




/*------ The following styles are the main body styles ----------*/

body 	{
	font-family:'AsapRegular', Arial, sans-serif;
	font-size: 1em; 
	background-color: white;
	margin: 0 auto;
	background-image: url(/_images/background_spots.gif);
	text-decoration: none;
}

#container {
	margin-right: auto;
	margin-left: auto;
	background-color: #fabb7c;
	width: 950px;
	border-radius: 5px;
	-moz-box-shadow: 5px 5px 5px black;
	-webkit-box-shadow: 5px 5px 5px black;
	box-shadow: 5px 5px 5px black;
	border:1px solid #300;
	
}

img {border:1px solid #999;}


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


header {
	width:950px; height:80px;
	background-image:url('../_images/background_eyes.jpg');
	background-repeat: no-repeat;
	margin-top: 0px;
	padding:0px;
}

.titleHeader {display:none;}

header a:link {color:#666;text-decoration: none;}
header a:visited {color:#666;text-decoration: none;}
header a:hover {color:#900;text-decoration: underline;}


/*------------------Navigation see "styles.css"---------------------*/

nav { 
	float: left;
	width:170px;
	background-color: #cc6633;
	margin-right:1px;
}



/*------------------ Section ---------------------*/

section {
	float: left;
	width:620px;
	padding:.7em;
	padding-left:1em;
	background: #fabb7c;
	color:#930;
	font-size: 1.2em;
	border-left:1px solid #993;
}

section h1 {
	background:#C00; 
	width: 105%;
	margin-left:-8px;
	margin-top:-8px;
	padding:5px;
	padding-left:1em;
	color:white;
}

 .quoteList {
	border: 1px solid #366;
	border-radius: 2px;
	-moz-box-shadow: 2px 2px 2px #600;
	-webkit-box-shadow: 2px 2px 2px #600;
	box-shadow: 2px 2px 2px #600;
	color:#C30;
	padding: 20px;
	margin-left:1em;
	background-color:#fad27c;
	font-size: 1.2em;
	line-height: 2em;
}

section p {
	font-family:'AsapRegular', Arial, sans-serif;
	padding-left:1em;}
	
	
/*#container section :nth-of-type(1n) {font-size:2em;color:green;}*/ 	

/*#container section  p:first-letter {font-size:2em;color:green;} */


	


section a:link {text-decoration: none; color:red;}
section a:active {color:pink; font-weight: bold;}
section a:hover {color:red;text-decoration: underline;}
section a:visited {color:#663;}

.introText {color:#906; font-size: 1.2em;}
.introText:first-letter {
	color:white; 
	font-size: 1.4em; 
	background:red; float:left; 
	width: 1.2em; 
	text-align: center;padding:3px;
	font-weight: bold;}

/*------------------ Aside ---------------------*/

aside {	
	float: left;
	width:124px;
	/*height:570px;*/
	background-color: #FC6;
	padding: .7em;
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px#888;
	box-shadow: inner 0 0 5px #888;
	
}

aside .funfact {
	color:#633;	
}
aside .funfact em{
	color:#C00;
	font-weight: 100;
}

aside img {border:0px; width:120px; margin-top:20px;}

/*aside p:first-letter {font-size:2em;}*/

/*------------------ Footer ---------------------*/


footer {
	clear:both;
	width: 950px;
	height: 50px;
	/*background-image:url('../_images/balloneyJump.png');*/
	background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: 50;
	background-color: #FC6;
	overflow: visible;
	text-align:center;
	
}
footer img {border:0;}

footer a:link {text-decoration: none; color:#330;}
footer a:active {color:pink; font-weight: bold;}
footer a:hover {color:red;text-decoration: underline;}
footer a:visited {color:#663;}


/*-------------------- Misc Styles ----------------*/

.search {
	position:relative;
	top: 15px; 
	left: 800px;
	font-weight:800; 
	color:grey;
	width:180px;
}



.balloneyPhoto {
	float:right;
	width: 250px;
}

section p.caption  {   
	color:#666;
	font-size: 1em;
	font-style: italic;
	padding:5px;
	width:200px;
	clear:both;
	margin-top:0;
}

section .photoOne  {
	float:right;
	margin-left: 5px;
}

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

 .photoNone  {
	margin-right:15%;
	margin-left:15%;
	/*border: solid 1px red;*/
}


 .photoGallery  {
	float:left;
	clear:both;
}

hr {
	clear:both;
	border:1px inset #F90;
}

.warning {
	color:red;
	text-align: center;
	font-weight: 900;
	font-size: 1.2em;
}


/*--------------- Submit Button starts -----------*/

.buttonSubmit {
 
    font-family: 'AsapRegular', Arial, sans-serif;
    font-size: 1em;
    margin-right:25%;
    margin-left:25%;
    color: #000;
    padding: 5px 10px 5px 10px;
    border: 1px solid #999;
 
    text-shadow: 0px 1px 1px #FFF;
    text-decoration: none;
 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
 
    background: #ffcc66;
    background: -moz-linear-gradient(top, #ffcc66 0%, #ffe6b6 50%, #ffbc47 51%, #ffc75d 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc66), to(#ffe6b6), color-stop(0.4, #ffe6b6), color-stop(0.5, #fff), color-stop(.5, #ffbc47), color-stop(0.9, #ffc75d));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc66', endColorstr='#ffe6b6', GradientType=0 );
 
    cursor: pointer;
 
}
.buttonSubmit:hover {
    background: -moz-linear-gradient(top, #ffcc66 0%, #ffe6b6 50%, #ffe6b6 51%, #ffc75d 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc66), to(#ffe6b6), color-stop(0.4, #ffe6b6), color-stop(0.5, #fff), color-stop(.5, #fff), color-stop(0.9, #ffc75d));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6b6', endColorstr='#ffe6b6', GradientType=0 );
}

/*--------------- Submit Button ends -----------*/


/* Contact Form styles start */	
fieldset {
  margin-bottom: 15px;
  padding: 10px;
  width:375px;
  margin-left:auto;
  margin-right:auto;
}

legend {
  padding: 0px 3px;
  font-weight: bold;
  font-variant: small-caps;
}

label {
  width: 70px;
  display: inline-block;
  vertical-align: top;
  margin: 6px;
}


input:focus {
  background: #CF3;
}


/* controls the contact form width*/
input, textarea {
  width: 249px;
}


textarea {
  height: 100px;
}


select {
  width: 254px;
}
/*
input[type=checkbox] {
  width: 10px;
}
*/

 input.buttonSubmit[type=submit] {
  width: 70px;
  padding: 10px;
}

 input.none[type=submit] {
  width: 40px;
  padding: 10px;
}




/*------------- Contact Form styles end ------------------*/