/*  
Theme Name: Dancenorth
Theme URI: 
Description: Designed by Gary Schmidt of Tell Studio for Dancenorth. 
Version: 1.0
Author: Katrina Youngman
*/

body { margin: 0; padding: 0; text-align: center; font: 11px "Courier New", Courier, monospace; background-color: #000; height: 100%; }
a:link, a:visited { text-decoration: none; color: #FFF; }
a:hover, a:active { color: #FF0000; text-decoration: none; }


* html #logo_dn { height: 35px; width: 200px; margin-top: 20px; background:url(images/dancenorth.gif) no-repeat; } 
#logo_dn { height: 35px; width: 200px; margin-top: 20px; background:url(images/dancenorth.png) no-repeat; } 
#title-company { height: 62px; width: 231px; margin-top: -10px; background:url(images/company.gif) no-repeat; } 
#title-people { height: 62px; width: 198px; margin-top: -10px; background:url(images/people.gif) no-repeat; } 
#title-shows { height: 62px; width: 357px; margin-top: -10px; background:url(images/productions.gif) no-repeat; } 
#title-sweatshop { height: 62px; width: 353px; margin-top: -10px; background:url(images/sweatshop.gif) no-repeat; } 
#title-nightcafe { height: 91px; width: 343px; margin-top: -60px; background:url(images/nightcafe.gif) no-repeat; } 

#title-tradingroom { height: 62px; width: 406px; margin-top: -10px; background:url(images/tradingroom.gif) no-repeat; } 
#title-contact { height: 62px; width: 393px; margin-top: -10px; background:url(images/makecontact.gif) no-repeat; }

#title-nowherefast { height: 62px; width: 386px; margin-top: -10px; background:url(images/nowherefast.gif) no-repeat; }
#title-flightsteps { height: 62px; width: 369px; margin-top: -10px; background:url(images/flightsteps.gif) no-repeat; }
 

.background { overflow: hidden }
#bg { left:0; top:0; width:100%; z-index:0; margin: 0; padding: 0; } 
#pinboard { background: url(images/pinboard-small.gif) repeat; height: 800px; width: auto; }
#pinboard-long { background: url(images/pinboard-small.gif) repeat; height: 1550px;width: auto; }

/* containers */ 
#main-content { position: absolute; bottom: 1px; margin-left: 23%; height: 40%;  } 
#content-container { position: absolute; top: 0; left: 0; width:100%; height: 100%; text-align: left;  } 
#contact-page { position: relative;bottom: 5px; margin-left: 4%; height: 45% } 
#content-right { position: absolute;right: 5px; margin-top: -60px; height: 30% } 
#content { width: 800px; padding: 20px; text-align: left; min-height: 600px; height:auto !important; height: 600px; }
#sp-content { width: 960px; padding: 20px; text-align: left; min-height: 600px; height:auto !important; margin-top: -60px;}
#home-content { background: url(images/black.png) ;width: 230px; padding: 5px; margin-top: 20px; max-height: 350px; overflow: auto; } 
#media-content { position:relative; top:-300px; margin-left: 400px; height: 600px;   } 
#booking-content { position:relative; top:-300px; margin-left: 400px; height: 600px; width: 95%; }
#content_m { width: 800px; padding: 20px; text-align: left; height: auto;}
#calendar { position: absolute; top: 50px; margin-left: 23%; height: 610px; width: 800px; padding: 15px; background-color: #FFF; border: 2px solid #000; } 

/* navigation */
#navigation a { font-size: 120%; }
#navigation a:hover { color: #FF0000; } 
.page_item li { padding: 0 15px; }
#primary-nav { padding: 0; margin:0; margin-top: 10px}
#primary-nav li { list-style: none; background: url(images/slash.gif) no-repeat 0 50%; padding: 1px 20px;  }
#secondary-nav { padding: 0; position: relative; width: 240px;  float: left; margin-right: 50px; }
#secondary-nav li{ list-style: none; padding: 0px; margin-left: -30px;} 
#secondary-nav a { font-size: 120%; }
#secondary-nav a:hover { color: #FF0000; } 
.current_page_item { color: #FF0000; } 
.current_page_parent a:link{ color: #FF0000;} 
.current_page_item a:link, .current_page_item a:visited{ color: #FF0000;} 

/* navigation alternative*/
#navigation-alt a { font-size: 120%; }
#navigation-alt a { color: #000 }
#navigation-alt a:hover { color: #FF0000; } 
.page_item li { padding: 0 15px; }
#primary-nav-alt { padding: 0; margin:0; margin-top: 10px}
#primary-nav-alt li { list-style: none; background: url(images/slashb.gif) no-repeat 0 50%; padding: 1px 20px;  }
#secondary-nav-alt { padding: 0; position: relative; width: 240px;  float: left; margin-right: 50px; }
#secondary-nav-alt li{ list-style: none; padding: 0px; margin-left: -30px;} 
#secondary-nav-alt a { font-size: 120%; }
#secondary-nav-alt a { color: #000 }
#secondary-nav-alt a:hover { color: #FF0000; } 
.current_page_item { color: #FF0000; } 
.current_page_parent a:link{ color: #FF0000;} 
.current_page_item a:link, .current_page_item a:visited{ color: #FF0000;} 

/* font styles */ 
.page_header { color: #FFF; font-size: 24px; padding-top: 0px; margin-top: -10px; }
.subline { color: #fff; margin-top: 0px; }
#second-title_a { position: relative;  float: left;}
#second-title { position: relative; margin-top: -100px; margin-right: 10px; width: 200px; height: 70px; float: right;}
h2 { color: #FF0000; }
h3 {font-size: 13px; font-weight:bold; }
.post-heading { clear: both; margin-bottom: 10px; margin-top: 25px; }
.post-content { line-height: 16px; color: #fff; background-color: #000; height: 250px; width: 400px; overflow: auto; padding: 10px 15px; }
.news-content { line-height: 16px; color: #fff; height: 100%; overflow: auto; margin-bottom: 20px; }
.post-content img { padding: 5px; background-color: #FFF; border: 1px solid #333333; }
#home-content h2 { color: #FF0000; line-height: 16px; margin: 0; padding: 0; margin-top: 10px; text-transform:uppercase; font-size: 12px; letter-spacing: 3px; } 
#post-content h2 { color: #FF0000; line-height: 16px; margin: 0; padding: 0; margin-top: 10px; text-transform:uppercase; font-size: 12px; letter-spacing: 3px; } 
.post-content li { margin-left: -20px; }
.media { line-height: 16px; color: #fff; background-color: #000; padding: 10px 15px; }

.alignleft { float: left; }
.alignright { float: right; }
#photographer {  position: absolute; bottom: 1px; right: 1px; text-right: left; margin-right: 10px; } 
#photographer p { color: #666; } 

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

/* Sneaky Peak styles */
#sneaky-peek {  width: 1224px; height: 768px }
#sp-logo_dn { height: 35px; width: 200px; position: absolute; top: 255px; left: 20px; background:url(images/dancenorth.png) no-repeat; } 
#title-sneakypeek { height: 62px; width: 369px; position: absolute; top: 300px; left: 20px;  background:url(images/sneakypeek.gif) no-repeat; } 
#title-rememberme { height: 62px; width: 394px; position: absolute; top: 300px; left: 20px;  background:url(images/remember-me.gif) no-repeat; } 
#sp-nav { position: absolute; top:350px; margin-top: 10px; left: 50px;} 
#sp-audio { height: 350px; width: 300px;position: absolute; top: -110px; left: 0px; background:url(images/audio.gif) no-repeat;   } 
#sp-news {height: 413px; width: 350px; position: absolute; top: 370px; left: 355px; background:url(images/news.gif) no-repeat;  }
#sp-photos {position: absolute; top: -20px; left: 575px;  }
#sp-notepad {height: 425px; width: 341px; position: absolute; top: 343px; left: 708px; color: #000; background-image:url(images/wuwo.gif) }
#note-text { margin-top: 285px; color: #000;}
#note-text a { color: #000;}
#note-text li { font-size: 1.2em;}
#sp-sub-nav { height: 30px; width: 800px; margin-top: -20px; }
#sp-notepad-large {height: 685px; width: 550px; position: absolute; top: 10px; right: 20px; background:url(images/PaperLargeThin.gif) no-repeat; }
#sp-notepad-text { margin-top: 74px; padding: 0 30px 0 52px; line-height: 1.4em;}
#sub-stickits { position: absolute; top: 640px; right: 100px; }
#stickit-1 { position: absolute; top: 400px; left: 5px; background: url(images/stickit-1.gif) no-repeat ; width: 208px; height: 203px; padding: 60px 10px 10px 30px;}
#stickit-2 { position: absolute; top: 650px; left: 430px;background: url(images/stickit-2.gif) no-repeat; width: 221px; height: 209px; padding: 60px 10px 10px 30px;}
#pinboard-long a:link { color: #000;}
#pinboard-long a:hover { color: #FF0000;}

#sp-nav li{ display:inline; padding: 5px; }
.stickit-nav:hover img{  border: 1px dashed #FFF; }
#sticker { position: absolute; top: 620px; right: 10px; }
#greenroom { position: absolute; top: -280px; right: 2px;  }

#currentProduction { top: 320px; position: absolute; left: 228px; }

#polaroid-one  { position: absolute; top: -60px; right: 0px; }
#polaroid-two  { position: absolute; top: 160px; left: -360px; display:none; }
#polaroid-three{ position: absolute; top: 230px; left: -20px; }
#polaroid-four { position: absolute; top: -40px; left: -190px; display:none; }
#polaroid-five { position: absolute; top: -60px; left: -250px; display:none; }
#polaroid-six  { position: absolute; top: 290px; left: 30px;   display:none; }

#slide { position: relative; left: -60px; background-color: #000; height: 260px; overflow: hidden; width: 350px;}


.sp { margin-top: -1200px;}
#cal-stickit { position: absolute; left: 0; top: 400px;}

#mailing-listform { margin-top: -170px; color: #FFF;}