/* Author: Paul Jones
     Theme URI: http://www.izzybizzyboo.com
  */
  
  /* 
  #CSS3
  smooth flow - setup
  */
  @-webkit-keyframes fade-in {
	0%    { opacity: 0; }
	50%   { opacity: 0; }
	100%  { opacity: 1; }
  }

  
  
  body {
    background: url("/images/css/bg2.png") no-repeat;
	background-position: -100px 0px;
	font:12px Helvetica,Arial,sans-serif;
	color: #333332;
	margin: 0px;
	padding: 0px;
	
	/*
	#CSS3
	smooth flow
    e.g. http://www.miekd.com/articles/create-a-smooth-entrance-for-your-website/ 
	*/
    -webkit-animation-name: fade-in;
    -webkit-animation-duration: 1.5s;
	
	
  }
  
  body:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	-moz-box-shadow: 0 1px 2px rgba(255,255,255, .7);
	-webkit-box-shadow: inset 0px 0px 2px rgba(255,255,255, .7);
  }
  
  img, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
	margin: 0px;
	padding: 0px;
  }

  .clear{
   /* This class clears the floated elements */
   clear:both;
  }

  /* ~~~~~ HEADINGS ~~~~~ */

  h1 {
	font-size: 32px;
	font-weight: bold;
	color: #333332;
	margin:0px 0px 15px 0px;
	padding:0px 0px 4px 0px;
  }
  h2 {
	font-size: 20px;
	font-weight: bold;
	color: #333332;
	margin:0px 0px 2px 0px;
  }
  h2 a {
	color:#333332;
	text-decoration: none;
  }
  h2 a:hover {
	color:#0179a5;
	text-decoration: none;
  }
  h3 {
	font-size: 15px;
	font-weight: bold;
	color: #333332;
  }
  h3 a {
	color:#333332;
	text-decoration: none;
  }
  h3 a:hover {
	color:#0179a5;
	text-decoration: none;
  }
  
  /* ~~~~~ BASE CONTENT ~~~~~ */
  
  p {
	line-height: 19px;
	padding-bottom:15px;	
  }
  ul, ol {
	list-style: none;
  }

  /* ~~~~~ ANCHORS ~~~~~ */

  a {
	color: #0179a5;
	text-decoration: none; 
  }
  a:hover {
	text-decoration: underline;
  }

  ::selection {
	background: #0179a5; /* Safari */
	color: #ffffff;
  }
  
  ::-moz-selection {
	background: #0179a5; /* Firefox */
	color: #ffffff;
  }
  
  /* ~~~~~ STRUCTURE ~~~~~ */
  
  .section {   
   margin-bottom: 20px;
   margin-top: 20px;
  }
  
  .footnote {
   clear:both;
   color: #CCC;
   border-top: dotted 1px #CCC;
   cursor: pointer;
   float:right;
   font-style: oblique;
   padding-top: 3px;
  }
  
  .footnote:hover {
   color:#4a4a4a;
  }

  /* ~~~~~ BADGE ~~~~~ */  

#badge {
 background: #222 url(/images/css/alert-overlay.png) repeat-x;
 display: block;
 height: 50px;
 padding: 4px; 
 position: relative; 
 width: 225px;

 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
 }

#album #badge {
 position: relative;
 height: 25px;
 z-index: 9000;
 width: 112.5px;
}

#badge_text {
 background: #222 url(/images/css/alert-overlay.png) repeat-x;
 border: solid 5px #FFFFFF;
 color: #fff;
 display: block;
 height: 32px;
 padding: 4px;
 width: 207px;

 text-align: center;
 text-decoration: none;

 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

#album #badge_text {
 border-width: 2.5px; 
 height: 16px;
 padding: 2px;
 width: 103.5px;
}

#badge {
 background-color: #FF7D97;
}

#badge_text {
 background-color: #FF7D97;
}

#badge h1 {
 font-size: 28px;
 font-weight: bold;
 letter-spacing: 3px;
}
#album #badge h1 {
 font-size: 13px;
 letter-spacing: 2px;
}

#badge h1 em {
 color:#FFFFFF;
}
.JS #badge h1 {
 font-size: 22px;
}
#album.JS #badge h1 {
 font-size: 12px;
 letter-spacing: 1px;
 margin-top: 2px;
}

#album a:hover #badge {
 -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

#album a:hover #badge_text {

 border-color: #CCC;

 -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

#album a:hover #badge_text h1 em {
 color: #CCC;
}
  /* ~~~~~ HEADER ~~~~~ */

  #title {
   margin-top: 30px;
   text-align: center;
   letter-spacing: 4px;
  }
  #album #title {
   left: 20px;
   margin: 0;
   position: absolute;
   top: 20px;
  }
  
  #title #badge {
   margin: 0 auto;
  }
  #album #title #badge {
   margin: 0;
  }  


  #sub_title {
   border-bottom: dotted 0px #DED0CF;
   margin-bottom: 30px;
   margin-top: 15px;
   padding: 0px 0px 15px 0px;
   text-align:center;
  }
  
  #sub_title h2 {
   color: #555555;
  }

  #sub_title h2 em {
   color: #FF7D97;
   padding: 0px 4px 0px 2px;
  }

  .JS #sub_title h2 em {
   padding: 0px 2px 0px 2px;
  }


  /* ~~~~~ SECTIONS ~~~~~ */
  
  #sections {
   clear:both;
   float:left;
   margin-top: 0px;
   margin-bottom: 30px;
 } 
  .intro {
   color: #475B66; FF7D97;
   line-height: 35px;
   font-size: 31px;
  }
  .JS .intro {   
   line-height: 29px;
   font-size: 28px;
  }

  #sections h3 {
   border-bottom: dotted 4px #DED0CF;
   color:#FF7D97;   
   margin-bottom: 10px;
   padding-bottom: 4px;
  }
  
  #sections a {
   clear: both;
   display: inline-block;
  } 

 .section h2 {
   color:#FF7D97; 
   font-size: 31px;
   line-height: 35px;
   margin-bottom: 10px;   
 }

 .JS .section h2 {
   line-height: 29px;
   font-size: 28px;
 }
 
 .section a:hover {
  text-decoration: none;
 }

 /* ~~~~~ MMS SECTION ~~~~~ */

 #MMS_Photos img {
  border: solid 2px #A2A9A5;
  height: 66px;  
  margin-right: 7px;
  width: 66px;
 }

 #MMS_Photos li a:hover img {

  border: solid 2px #FF7D97;

  /* #CSS3 */
  -moz-box-shadow:0 0 7px #FFF inset;
  /*-webkit-box-shadow:0 0 7px #FFF inset;*/
  box-shadow:0 0 7px #FFF inset;

 }
 
 /* ~~~~~ PAGINATION ~~~~~  */
 /* MMS_Photos \ MMS_holder */
 
 #MMS_Photos {
  margin: 0px auto;
  padding-bottom: 10px;
  min-height: 245px;
  position: relative;
  width: 940px;  
 }


 
 #MMS_holder {
  min-height: 245px;
  overflow: hidden;
  padding-bottom: 10px;
  position: relative;
  width: 940px;
 }

 #MMS_holder li {
  list-style:none outside none;
  margin:0px 0px 0;
  padding:0px;
  float:left;
 } 

 .swControls {
  position: absolute;
  bottom: 0px; left: 0px;  
  text-align:left; 
  width: 100%;
 }

 a.swShowPage{
  /* The links that initiate the page slide */
  background-color:#333332;
  color: #FFFFFF;
  display: inline-block;
  font-weight: bold;
  height:20px;
  margin:10px 3px 4px 3px;
  padding: 4px 2px 2px 2px;
  text-align: center;
  width:20px;

  /* #CSS3 */	
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;

 }


 a.swShowPage.active{
  background-color:#FF7D97;
 }

 a.swShowPage:hover {
  background-color:#A2A9A5;

  /* #CSS3 */
  -moz-box-shadow:0 0 7px #FFF inset;
  /*-webkit-box-shadow:0 0 7px #FFF inset;*/
  box-shadow:0 0 7px #FFF inset;

 }


 /* ~~~~~ ALBUMS SECTION ~~~~~ */

 #ALBUMS {

 }
 
 #ALBUMS em {
  font-size: 12px;
  font-style: normal;
 }

 .gallery {
	list-style: none;
	margin: 0;
	padding: 0;
 }

 .gallery .gallery_set {  
  float:left;
  postion: relative;
  height: 180px;
 }

 .gallery_set .clip {
  float:left;
  height: 123px; 
  position: relative;
  overflow: hidden;
  width: 218px;
 }

 .gallery a {
  display: block;
  height: 133px;
  left: 0px;
  position: absolute;
  top:0px;
  width: 220px;  
  z-indeX: 100;

  background: url(/images/css/shadow_frame_pink.png) no-repeat;
 }

 .gallery a:hover {
  background: url(/images/css/shadow_frame_grey.png) no-repeat;
 }


 .gallery img {
  display: block;
  position: relative;
  width: 100%;
  z-index: 99;
 }

 .gallery .title,
 .gallery .description {
  clear:right;
  display: block;  
  float:left;
  text-align: center;
  width: 220px;
 }
 
 .gallery .title {
  margin-top: 8px;
 }
 
 .FF .gallery .title,
 .FF .gallery .description {
  font-family: 'Droid Sans', arial, serif;
  font-size: 20px;
  font-weight: bold;
 }

 .FF .gallery .description {  
  font-family: 'Droid Sans', arial, serif;
  font-size: 12px;
  font-weight: normal;
 }


 /* ~~~~~ Album Page ~~~~~ */
 .galleria-info,
 .galleria-counter{
  position:absolute;
  bottom:45px;
  padding:10px;
  color:#fff;
  left:10px;
  right:10px;
  z-index:3;  
  font-size:12px;
 }
  
 .FF .galleria-info,
 .FF .galleria-counter{
  font-family: 'Droid Sans', serif; 
 }
  
 .galleria-counter{
  font-size:22px;
  text-align:right;
  top: 10px;
 }

 .galleria-info-text *{
  display:inline;
  font-size:22px;
 }
 .galleria-info-title{
  font-weight:bold;
  margin-right:8px;
 }
 
 .galleria-loader{
  position:absolute;
  top: 36px; left: 160px;
  display: block;
  
 }




 

 
 /* ~~~~~ FOOTER ~~~~~ */  
  #footer {
   background-color: #FF7D97;   
   clear: both;
   display: block;
   height: 370px;
  }

  #pre_footer {
   clear:both;
   display: block;
   height: 250px;
 
   background-repeat: no-repeat;
   background: #FF7D97;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#FF7D97));
   background: -moz-linear-gradient(top, #fff, #FF7D97);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FF7D97');
  
  }

  #footer_content{
   color: #FFF;
   height: 100px;
  }
 #footer p {
  padding-top: 50px;
  text-align:right;
 }