@charset "iso-8859-1";

/* ===============================================
   CHOREOGRAPH.NET STRUCTURE AND STYLE
   copyright (c) 2007-2008 Robin Parmar
   licensed for use only on choreograph.net
   =============================================== */


/* --------- 
   structure 
   --------- */
html, body {height:100%;}
body {
  text-align:center;
  margin-left:24px;
  font-size:75%;               /* 12 pt */
}
body, input, textarea {
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-family:Georgia, serif;
}

#frame1 {
  position:absolute;
  left:24px;
  top:24px;
  width:884px;
}
#frame2, #logo, #banner, 
#panel01, #panel02, #panel03, #panel04, 
#footer, #credits, .menubar {
  position:relative;
  float:left;
  text-align:left;
  clear:both;
  width:100%;
}
#frame2 {
  padding-left:24px;
}
#logo {
  margin-left:-24px;
  width:884px;
  height:112px;
  background:url(logo.gif) no-repeat 0 0;
}
#bannerprint {
	display:none;
}
#banner {
  position:absolute;
  left:24px;
  top:4px;
  clear:none;
}
.menubar {
  margin-top: -10px;
  margin-bottom: -30px;
}
.searchdiv {
  position:relative;
  float:right;
  text-align:left;
  margin-right:48px;
}
#footer {
  padding-bottom: 40px;
}
#panel01 {
  margin-top:10px;
}
#panel04 {
  margin-top:50px;
}
.inside-null {
  padding-top:1px;
  padding-bottom:1px;
}
#credits {margin-top:0px;}


/* ------- 
   columns 
   ------- */
.column {
  float:left;
  clear:none;
  width:270px;
  margin-right:14px;
}
.columnfirst {
  float:left;
  clear:left;
}
.columnwide {width:552px;}

#bar-top .column {
  margin-right:0;
}


/* ---------- 
   typography
   ---------- */
h1, h2, h3, h4, small, b, strong {
  font-family:Helvetica, Arial, sans-serif; 
  font-weight:bold;
}
h2 {
  line-height:1.1;
  font-size:1.67em;
  text-transform:lowercase;
}
h2.menu {
  font-size:1.17em;
  margin-top:2px;
  margin-bottom:30px;
}
h3, h4, small {
  line-height:1.2;
  font-size:0.83em;
  text-transform:uppercase;
}  
h3, h4 {
  margin-top:0.7em;
  margin-bottom:0.5em;
}  
p, ul, label {
  font-size:1em;
  margin:0.7em 0 0.7em 0;
}
#banner h2 {
  margin-top:10px;
}
#footer h2 {
  margin-top:2px;
  margin-bottom:0;
}


/* ----- 
   links 
   ----- */
a {
  text-decoration: none;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
h2 a {
  border-bottom-width: 0;
}
a img, a:hover img {border: 0;}
a.icon {
  background:url(arrow.png) no-repeat 0 3px;
  padding-left:12px;
  border-bottom-width: 0;
}


/* ----- 
   other 
   ----- */
.content li, .content ul.square li {
  margin-left:1.5em;
  list-style-type:square;
}
.content blockquote {
  margin-left:1.5em;
  margin-right:1.5em;
}
.content em, .content i {
  font-style:italic;
}


img.home {
  width:270px;
}
img.feed {
  display:inline;
  width:14px;
  height:14px;
  margin-left:4px;
  margin-right:4px;
  vertical-align:bottom; 
}

span.warning {
  text-transform:uppercase;
  font-weight: bold;
}

.columnwide img.left {
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}
.columnwide img.right {
	float:right;
	margin-left:1em;
	margin-bottom:1em;
}


/* ----- 
   rules
   ----- */
.rule {
  border:none;
  border-bottom:solid 1px;
  margin-top:-8px;
  margin-bottom:8px;
  width:270px;
}
.rulewide {
  width:838px;
}
.ruledouble {
  width:554px;
}
.rulepad {
  margin:0 auto 18px 0;
}


/* ----- 
   forms
   ----- */
label, input {
  float:left;
  display:block;
}
.searchdiv label {
  font-family:Helvetica, Arial, sans-serif; 
  font-weight:bold;
  font-size:1.17em;
  text-align:right;
  padding-right:6px;
  margin-top:0;
}
.searchdiv input {
  width:210px;
  font-size:0.83em;
  padding:0em;
}  


/* -------- 
   comments 
   -------- */
.comment-view, .comment-form {
  float:left;
  clear:left;
  padding:1em 0;
  width:100%;
  margin-top:1.5em;
}
.comment-preview {
  border:1px solid #000; 
  padding:1em;
}
.comment-form {
  clear:both;
}
.comment-no {
  float:left;
  clear:none;
  width:2em; 
  padding-top:.2em; 
}
.comment, comment-preview {
  float:left;
  clear:none;
  border:none; 
  width:90%;
  padding:1em;
  padding-top:0;
  margin-bottom:0.5em;
}
.author-string {font-variant:small-caps;}
.comment-display h4 {margin-left:1.6em;}
ul.comments_error {border:1px solid #fff; padding:1em;}


/* ------------
   comment form 
   ------------ */
.comments-wrapper input, .comments-wrapper textarea, .comments-wrapper label {
  clear:left;
  float:left;
} 
.comments-wrapper input, .comments-wrapper textarea {
  width: 300px;
  margin-bottom:0;
} 
.comments-wrapper label {
  margin-top:10px;
  margin-bottom:5px;
} 
.comments-wrapper input.button {
  padding:.2em; 
  cursor:pointer;
  width: 80px;
  border:0;
}
.comments-wrapper br {clear:left;}


.comment1 {
  clear:left;
  float:left;
  margin-bottom:15px;
} 
.comment2 {
  float:left;
  margin-top:30px;
  margin-left:20px;
} 
.comment3 {
  float:left;
} 

/* checkbox */
.comment3 label {
  clear:none;
  margin-top:0;
  margin-left:5px;
} 
.comment3 input.checkbox {
  width:10px;
  margin-left:150px;
} 



/* -------
   slimbox
   ------- */
.smd_slimbox {
  float:left;
  width:600px;
  margin:1em 0;
  clear:both;
  list-style:none;
}
.smd_slimbox li {
  width:150px;
  height:150px;
  float:left;
  margin:1em auto;
  text-align:center;
}
.smd_slimbox img {
  margin:0 auto;
}
.smd_slimbox span {
  float:left;
  width:140px;
  padding:2px 0 0 5px;
}
li.smd_slimbox_nav {
  clear:both;
  width:500px;
  padding:20px;
}
.smd_slimbox_prev {
  float:left;
}
.smd_slimbox_next {
  float:right;
}