/* - - - - - - - - - - - - - - - - - - - - -

Title : Hooping Allure
Author : Keith Bingman
URL : www.hoopingallure.com

Created : 18. September, 2006
Modified : 18. September, 2006

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

* {}	
html {}	
body {
  color:#aaa;
  font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
  background:#191815 url('images/hoops.png') fixed;
  margin: 0;
}



/* ----- IDS ----- */

#container {
  margin:30px auto;
  padding:20px 0;
  width:800px;
  background:transparent url('images/top.png') no-repeat;
}	
#content {
  margin-top: -10px;
  padding-top: 20px;
  background:transparent url('images/top.png') no-repeat;
}	
#inner {
  padding: 50px 0;
  background:transparent url('images/body.png') repeat-y;
}

#header {
  margin-bottom:0;
  padding-bottom: 30px;
  background: transparent url('images/bottom.png') bottom no-repeat ;
}	
#logo {
  padding: 1px 0;
  height: 168px;
  background:transparent url('images/logo.png') top no-repeat;
}
#logo h1 a {
	display: block;
  margin: 5px 131px 0 131px;
  width: 538px;
  height: 120px;
  text-decoration: none;
}
#navigation {
  margin-top: -29px;
  padding: 0 0 10px 0;
}	
#footer {
  text-align:right;
  padding-top: 20px;
  padding-right: 15px;
  color: #555;
  background:transparent url('images/bottom.png') no-repeat;
  font-size: 10px;
}
#footer a {text-decoration: none;}
#image {
  text-align: center;
  margin-top: 10px;
  padding: 10px;
}
#image img {
  padding:5px;
  border:2px solid #3f3e3b;
  background-color:transparent;
}
#small-quicktime {
  margin: 20px auto;
  width: 320px;
}
#large-quicktime {
  margin: 20px -50px;
  width: 640px;
}


/* ----- CLASSES ----- */


.article {
  margin:0 120px 70px 120px;
  padding: 10px;
  padding-top: 20px; 
  padding-bottom: 25px;
  background: url('images/separator.png') bottom center no-repeat;
  
}
.headline {
  background: url('images/title_left.png') 20% 0 no-repeat;
}
.photo {
  margin-top: 10px;
  margin-bottom: 15px;
  text-align:center;
}
.photo img {
  padding:5px;
  border:2px solid #3f3e3b;
  background-color:transparent;
}
.video {
  margin:0 70px 0 70px;
  padding: 10px;
  padding-top: 20px; 
  padding-bottom: 0;
  text-align: center;
}



/* ----- HEADINGS ----- */

h1 {}
h2 {
  font-family: "Palatino", georgia, serif;
  font-size: 24px;
  font-weight: lighter;
  color: #cc3333;
  margin: 0;
  padding: 10px 0;
  background: url('images/title_right.png') 80% 0 no-repeat;
  text-align: center;
}
h3 {
	font-family: "Palatino", georgia, serif;
  font-size: 16px;
  font-weight: lighter;
	color: #cc3333;
}
h4 {}

#logo h1 {
  text-indent: -10000px;
}
.article h2 {
  
}
.article h3 {
	margin-top: 40px;
	margin-bottom: 10px;
	padding: 1px;
  text-align: center;
}


/* ----- PARAGRAPHS ----- */

p {}

#footer p {
  margin:0;
}
.article p {
  text-align: center;
}




/* ----- QUOTES ----- */

blockquote {}
blockquote p {}
cite {}
blockquote cite {}




/* ----- LISTS ----- */

li {margin:0; padding:0;}
ul {margin:0; padding:0;}

#navigation li { display:inline; margin:10px; } 
#navigation ul { text-align:center; list-style:none;font-family: "Palatino", georgia, serif;font-size: 14px; }
#navigation li a { color: #d6c648; text-decoration: none; }

.article ul {margin-top: 20px; margin-bottom: 20px; padding:0; list-style:none; text-align: center;}
.article li {margin-bottom:25px;}
.article ul h3 {margin:0;}
.article ul p {margin:0; padding:0; list-style:none;}

#photos li, #video li {margin-bottom:0;}

ul#photomenu {padding: 1px; margin-top: 10px; margin-bottom: 40px;}
#photomenu li {margin-bottom:0;}

ul#thumbnails {margin: 0 auto; margin-bottom: 42px; text-align: center;}
#thumbnails li {display: inline;}
#thumbnails li a img {padding: 3px; border: 1px solid #3f3e3b; height: 50px; width: 50px;}
#thumbnails li a.active img {background-color: #888;}


/* ----- IMAGES ----- */

img {}
a img {border: none;}
img a:hover {}



/* ----- BREAK ----- */

hr {}

/* ----- TEXT FORMATTING ----- */

strong {}
em {}
b {}
i {}



/* ----- LINKS ----- */

a { color: #cc3333; text-decoration: none; }
a:hover { text-decoration: underline; }
a.toplink {text-decoration: none; margin-top: 20px; font-size: 10px;font-style: italic;}



/* ----- TABLES ----- */

table {}
caption {}
thead {}
tbody {}
tfoot {}
tr {}
tr .alt {}
th {}
td {}



/* ----- FORMS ----- */

form {}
fieldset {}
legend {}
label {}
input {}
textarea {}
input, textarea {}
select {}
optgroup {}
option {}



/* ----- DEFINITIONS ----- */

dl {}
dt { }
dd {}