/* Breaksk8.com CSS - studio.wachtl 2009 */

/* Resets */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin-bottom: 1px; }

:focus { outline: 0; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

a img { border: none; }

/* Misc classes */

.clear { clear: both; }

/* Layout */

body 
{  
  font-size: 13px;
  line-height: 1.3em;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF;
  background: #18164E;
  position: relative;
  text-align: center;
  /*max-height: 1330px;*/
  z-index: 1;
  padding-left: 35px;
}

#Wrapper { position: relative; text-align: left; background-color: #191851; width: 1520px; left: 50%; margin-left: -760px; }

#Header { background: transparent url(../images/header-bg.jpg) no-repeat; padding: 0 248px; height: 364px; position: relative; z-index: 500; }
#HeaderInner { position: relative; }

#LayoutWrapper { background-color: #191851; position: relative; z-index: 1; }
#Layout { background: #191851 url(../images/content-bg.jpg) no-repeat; padding: 0 248px; min-height: 558px; position: relative; }
#LayoutInner { position: relative; }

#Footer { background: transparent url(../images/footer-bg.jpg) no-repeat; padding: 0 248px; height: 364px; position: relative; z-index: 1; }
#FooterInner { position: relative; }

#GroupPhotoHeader { position: absolute; top: 125px; left: 525px; }

#Logo { position: absolute; top: 20px; left: -95px; }

/* Menu */

ul.breaksk8Menu { position: absolute; z-index: 1000; top: 10px; left: 10px; margin: 0; }

ul.breaksk8Menu li { display: block; float: left; }

/* Narrow Column */

.narrowOne { /*border: 1px solid #FFF;*/ width: 448px; padding-top: 24px; margin-left: 64px; }

/* Fat Column */

.fatOne { width: 835px; margin-left: 64px; padding-top: 24px;}

/* Typo stuff */

h1, h2, h3, h4, h5, p, ul { margin-bottom: 12px; }

a { color: #00ACEE; }

h2, h3, .FormHeading { color: #F89C20; }

h2 { margin-bottom: 18px; font-size: 21px; font-weight: normal; }

h3, .FormHeading { font-size: 18px; }

h4, h5 { font-size: 16px; }

/* Images Inserted Via Editor */
div.image.right,
div.captionImage.right {
	float: right;
	margin-left: 20px;
	border: 1px solid #00ACEE;
}

.captionImage {
	border: 1px solid #ccc;
	padding: 5px;
}

div.image.left,
div.captionImage.left {
	float: left;
	border: 1px solid #00ACEE;
}
div.image.leftAlone,
div.captionImage.leftAlone {
	float: left;
	margin-right: 100%;
	border: 1px solid #00ACEE;
}
div.image.center,
div.captionImage.center {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/* Home Page */

#Breaksk8News { width: 430px; height: 250px; margin-top: 0px; background: transparent url(../images/latest-news-bg.png) no-repeat; padding: 9px; overflow: hidden; }

#social-links { padding: 0; margin: 0; }

#social-links img, #social-links a img { padding: 0; margin: 0; }

#Breaksk8Facebook { background: transparent url(../images/facebook-widget-bg.png) no-repeat; width: 448px; height: 272px; padding-top: 12px; margin-top: 15px; }

#Breaksk8Facebook div.fbwrap { background: #fff; width: 420px; height: 255px; margin: 0 auto; padding: 0;}

ul.slideshow {
	list-style:none;
	width:420px;
	height:180px;
	overflow:hidden;
	position:relative;
	margin: 45px auto 0 auto;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}


#slideshow-caption {
	width:420px;
	height:0px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:-10;
	display: none;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

/* Fancy Headings */ 

h2.about { text-indent: -1000em; width: 199px; height: 28px; background: transparent url(../images/about-heading.png) no-repeat; }

h2.bios { text-indent: -1000em; width: 176px; height: 28px; background: transparent url(../images/bios-heading.png) no-repeat; }

h2.photo-gallery { text-indent: -1000em; width: 98px; height: 29px; background: transparent url(../images/gallery-heading.png) no-repeat; }

h2.booking { text-indent: -1000em; width: 319px; height: 29px; background: transparent url(../images/booking-heading.png) no-repeat; }

h2.video-gallery { text-indent: -1000em; width: 165px; height: 28px; background: transparent url(../images/video-gallery-heading.png) no-repeat; }

/* Aside1 */

#Aside1 { position: absolute; top: 32px; right: 64px; width: 350px; /*border: 1px solid #FFF;*/ }

#Aside1 img { margin: 10px 0 10px 46px; }

/* Sub Page Menu */

ul.listSubPages { text-align: center; margin-top: 50px; }

ul.listSubPages li { display: inline; padding: 0 15px; line-height: 32px; }

ul.listSubPages li a { text-decoration: none; }

ul.listSubPages li a:hover { text-decoration: underline; }

ul.listSubPages li a.current { color: #F89C20; font-style: oblique; }

/* Flickr Gallery */

div.pages { margin-bottom: 24px; }

div.flickr { margin-top: 24px; }

/* Bio Pages */

.bioWrapper { margin: 12px auto 32px auto;  width: 682px; height: 432px; }
.bioInner { padding: 100px 320px 20px 20px; color: #00ACEE; }
.bioInner b, .bioInner strong { color: #FFF; font-weight: bold; }
.bioInner a:hover { text-decoration: none; }

#jessy-nice { padding-top: 135px; }
#diamond-walker { padding-top: 135px; }
#tony-zane { padding-top: 120px; }
#jordan-mcquiston { padding-top: 110px; } 

/* Footer */

#TwitterBox { width: 270px; height: 160px; background: transparent url(../images/twitter-latest-bg.png) no-repeat; padding: 10px 15px 10px 16px; font-size: 13px; line-height: 15px; position: absolute; top: 65px; left: 64px; }

span.twitterUser { padding-left: 190px; display: block; font-size: 14px; margin-bottom: 15px; margin-top: 13px; }

p.twitTime { text-align: right; margin-bottom: 0; margin-top: 5px; }

#TwitterBox a { text-decoration: none; }

#ShareThisDiv { position: absolute; top: 70px; left: 400px; }

#Newsletter_FormJoin { font-size: 15px; position: relative; }

#Newsletter_FormJoin #Form_FormJoin_Email { width: 200px; position: absolute; top: 125px; left: 18px; font-size: 13px; border: none; }
#Newsletter_FormJoin #Newsletter_Submit_Btn { position: absolute; top: 153px; left: 161px; }

#NewsletterSubscribe { position: absolute; top: 68px; left: 656px; width: 243px; height: 178px; background: transparent url(../images/newsletter-signup-box-aside.png) no-repeat; }

#Legal { width: 500px; text-align: right; position: absolute; top: 300px; right: 122px; }

#Legal a { padding: 0 3px; text-decoration: none; }

#Legal p { color: #ccc; }