@charset "UTF-8";
/* CSS Document */

p { 
  font-family:Georgia, serif;
} 


@font-face {
 font-family: 'LeagueGothicRegular';
 src: url('css/League_Gothic-webfont.eot');
  src: local('League Gothic'), url(http://www.drsketchy.com/css/League_Gothic-webfont.otf) format('opentype'), url(http://www.drsketchy.com/css/League_Gothic-webfont.woff) format('woff'), url(http://drsketchy.com/css/League_Gothic-webfont.ttf) format('truetype'), url(http://drsketchy.com/css/League_Gothic-webfont.svg#webfontOTINA1xY) format('svg');
  font-weight: normal;
  font-style: normal;
}

a:link, a:visited {
 color:#921a1d;
  text-decoration:none;
}

a:hover {
 text-decoration:underline;
  color:#921a1d;
}

hr {
 border: 1px solid #000000;
    noshade:noshade;
    border-bottom: 0px;
 border-left: 0px;
   border-right: 0px;
  }

body {
 background-color:black;
 background-image:url(css/bkgd.png);
 font-family:Georgia, serif;
 font-size:16px;
 height:100%;
  padding:0;
  margin:0;
 }
 
#content {
  width:980px;
  margin-left:auto;
 margin-right:auto;
  margin-top:0;
 }
 
span.red {
  color:#830c06;
  font-size:18px;
 margin:0 5px 0 0;
 }
 
span.uc {
 font-family:  "LeagueGothicRegular", "Impact", 'Impact' sans-serif;
 font-size:18px;
 text-transform:uppercase;
 } 

img.nob {
       border:0;
       }

img.right {
  float:right;
}

img.left {
 float:left;
}

a.tags {
  font-family:  "LeagueGothicRegular", "Impact", 'Impact' sans-serif;
 font-size:18px;
 text-transform:uppercase;
 } 

  
/* header & whatnots */

#top {
 width:978px;
  height:291px;
 -webkit-box-shadow: 7px 2px 15px  #000;
   -moz-box-shadow: 7px 2px 15px #000;
   box-shadow: 7px 2px 15px #000;
  border:2px #000 solid;
  }

#header {
  width:978px; 
 }
 
#headerimg {
        width:978px;
        height:261px;
}

.nav {
  width:963px;
  color: #FFF;
  margin:0;
 margin-left:auto;
 margin-right:auto;
  padding-left:16px;
  background:#362f21;
 height:30px;
  }
 
.nav ul {
 margin:0;
 padding:0;
  padding-top:7px;
  }
 
.nav li {
 float: left;
  margin:0;
 padding: 0 19px 6px 14px;
  font-family:  "LeagueGothicRegular", 'LeagueGothic', 'League-Gothic', "Haettenschweiler", 'Haettenschweiler', sans-serif;
 letter-spacing:3px;
 font-size: 16px;
  list-style:none;
  }
 
.nav a {
  float: left;
  display: block;
 margin: 0;
  color: #FFF;
  text-decoration: none;
  } 
  
/* content */
 
#bodyborder {
 margin-top:20px;
  width:980px;
  min-height:1px;
 height:auto !important;
        overflow:auto;
 -webkit-box-shadow: 7px 5px 15px  #000;
   -moz-box-shadow: 7px 5px 15px #000;
   box-shadow: 7px 5px 15px #000;
  border:2px #000 solid;
  }
 
#bodystuff {
  box-shadow:inset 0 0 40px -5px #000000;
 background-image:url(css/paper5.jpg);
 background-repeat:repeat-y;
 min-height:1200px;
  height:auto !important;
        overflow:auto;
 width:980px;
  border-bottom: 10px solid;
  border-color:#921a1d;
 }
 
.entries {
  width:570px;
  min-height:50px;
        overflow:auto;
  padding-top:15px;
 margin-bottom:10px;
 border-bottom: 2px dotted #000;
 }
 
.entries p {
  font-family:Georgia, serif;
 font-size:16px;
 }
 
.entries ul li {
  list-style:none;
  margin:0;
 padding:0;
  font-family:Georgia, serif;
 }
 
img.bod {
 border:1px solid black;
 }
 
img.tiny {
  border:none;
  margin:0;
 padding:0;
  vertical-align:text-top;
  }
 
span.center {
 text-align:center;
  }
 
.imgcenter {
  width:450px;
  min-height:200px;
 margin-left:auto;
 margin-right:auto;
  }
 
.imgcenter img {
  margin-left:auto;
 margin-right:auto;
  border:1px solid black;

 }

.imgholder {
 margin-left:auto;
 margin-right:auto;
  width: 500px;
   }
.imgholder img {
 float:left;
 border:1px solid black;
 }
 
.textleft {
 width:250px;
  float:left;
 }
 
.textright {
  width:250px;
  float:right;
  }

.mheader {
 width:250px;
  height:36px;
  padding-top:25px;
 border-bottom:1px solid #000;
 font-family:  'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
  text-transform:uppercase;
 font-size:25px;
 }

.pressimg {
        float:right;
        border-bottom: dotted 2px;
        border-top: dotted 2px;
        padding:15px 0 15px 0;
 margin-top:7px;
        }


#leftcolumn {
 width:600px;
  float:left;
 min-height:2000px;
  
  }

/* what is dr. sketchy's drop down */

#whatis {
  float:left;
 width:600px;
  height:40px;
  padding-top: 10px;
  color:#fff;
 background-color:#830c06;
 -webkit-box-shadow: 0px  2px 23px  #000;
  -moz-box-shadow: 0px  2px 23px #000;
  box-shadow: 0px  2px 23px  #000;
  position:relative;
  border-bottom-right-radius: 20px;
 }

#whatis span {
 font-family: 'LeagueGothicRegular', 'Arial', sans-serif;
  font-size:24px;
 text-transform:uppercase;
 padding: 0 0 0 15px;
  letter-spacing:.15em;
 font-weight:normal;
 }

#whatpop {
 clear:both;
 -moz-border-radius-bottomright: 15px;
 -moz-border-radius-bottomleft: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
 -webkit-box-shadow: 0px 8px 13px  #000;
   -moz-box-shadow: 0px 8px 13px  #000;
  box-shadow: 0px 8px 13px  #000;
 background-color:#830c06;
 width:580px;
  height:330px;
 font-size:10px;
 color:#ccc;
 padding:10px;
 line-height:1.5em;
  }

#whatpop p {
 font-size:14px;
 text-transform:none;
  font-size:14px;
 }

a#pop {
  font-size:15px;
 font-family: 'LeagueGothicRegular',  "Impact", 'Impact' sans-serif;
 color:#fff;
 text-transform:uppercase;
 decoration:none;
  
  }

#whatpop img {
 float:left;
 margin: 0 15px 5px 0;
 }

/* other stuff */
  
.profilenav {
 float:right;
  width:250px;
  height:25px;
  padding-top: 10px;
  padding-left: 20px;
 background-color:#362f21;
 opacity:0.85;
 -moz-opacity:0.85;
  filter:alpha(opacity=85);
 -khtml-opacity: 0.85;
 -webkit-box-shadow: 2px  2px 15px  #000;
  -moz-box-shadow: 2x 2px 15px #000;
  box-shadow: 2px 2px 15px #000;
  }
 
.profilenav ul {
  margin:0;
 padding:0;
  }
 
.profilenav li {
  float: left;
  margin:0;
 padding: 0 6px;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 text-transform:uppercase;
 letter-spacing:2px;
 font-size: 16px;
  list-style:none;
  }
 
.profilenav a {
 float: left;
  display: block;
 margin: 0;
  color: #FFF;
  text-decoration: none;
  }

.profilenav a.actv {
        color:#921a1d;
 text-decoration:none;
        }
  

/* main page */

.blogfeed {
  margin-left:20px;
 width:570px;
  min-height:500px;
        float:left;
}
 
.blogfeed img {
 margin:3px;
 }
 
.blogfeed h1 {
  font-family:Georgia, serif;
 font-size:14px;
 }

.bheader {
 width:570px;
  min-height:36px;
  padding-top:15px;
 border-bottom:1px solid #000;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 text-transform:uppercase;
 font-size:25px;
        font-weight:normal;
  }
 
.bheader ul {
 margin:0;
 padding-top:10px;
 padding-left:0;
 }
 
.bheader li {
 float: left;
  margin:0;
 padding: 3px 0 0 0;
 font-size: 12px;
  color: #fff;
  list-style:none;
  }
 
.bheader h1 {
 float: left;
  display: block;
 margin: 0 7px 0 0;
  padding: 5px 8px;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 text-transform:uppercase;
 background-color:#830c06;
 text-decoration: none;
  border-bottom: 1 px black;
  letter-spacing: 1px;
        font-weight:normal;
 }

.bheader a {
       color: #FFF;
  letter-spacing:1px;
      }

.bheader a.b {
        color: black;
 letter-spacing:2px;
 margin-left:5px;
      }

span.date {
  font-size:26px;
        font-weight:normal;
  }
.bentry {
  width:570px;
  margin-top:30px;
  }
 bl
.bentry h2 {
  font-family:Georgia, serif;
 font-size:14px;
 }
 
  
.bentry hr {
  border: 2px dotted #000000;
  noshade:noshade;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  clear:both;
}

.bentry a {
  color:921a1d;
 text-decoration:none;
 }

.bentry p {
  text-align: left;
 color: #000;
  font-family:Georgia, serif;
 font-size:12px;
 letter-spacing: 1px;
        line-height:12px;
 }

.bentry img {
  max-width: 550px;
 /* Resize the image for IE6 */
  width: expression(this.width > 500 ? 500: true);
}
.blogfooter {
  width:570px;
  height:30px;
  border-top: 1px solid #362f21;
  }

.paginate {
  width:570px;
  clear:both;
 }
 
.moo {
  font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 text-transform:uppercase;
 font-size:12px;
 color:362f21;
 float:left;
        font-weight:normal;
  width: 490px; 
  letter-spacing:.05em;
}
  
.blogfooter a {
 color:921a1d;
 text-decoration:none;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 text-transform:uppercase;
 font-size:12px;
 letter-spacing:.05em;
 }
 
.foo {
  font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 text-transform:uppercase;
 font-size:12px;
 color:362f21;
 float:right;
        font-weight:normal;
 width: 75px;
  letter-spacing:.05em;
 }

/* private events */

#linksheader {
 width: 560px;
 margin-left: auto;
  margin-right: auto;
}

#linksheader p {
  font-family:  "LeagueGothicRegular", "Impact", 'Impact' sans-serif;
 font-size: 22px;
  letter-spacing: 1px;
  text-align:center;
  text-transform:uppercase;
 }

#linksheader a {
 color: #000;
  text-decoration: none;
  }

#privateeventbox {
 width: 375px;
 height: 50px;
 display: block;
 margin-left: auto;
  margin-right: auto;
 overflow: auto; 
  }

#privateeventbox a{
  font-weight: bold;
  text-decoration: underline;
 }

.privateeventfull {
  width:570px;
  min-height:50px;
        overflow:auto;
  padding-top:15px;
 }
 
.privateeventfull p {
 font-family:Georgia, serif;
 font-size:16px;
 }
 
.privateeventfull ul li {
 margin: 0 0 5px 0;
  padding:0;
  font-family:Georgia, serif;
 }

#specialeventpic {
 height: 315px;
  width: 211px;
 display: inline-block;
  float: right;
 overflow: hidden;
 }

#specialeventleft {
  height: 315px;
  width: 350px;
 display: inline-block;
  float: left;
  overflow: hidden;
 margin-top: 20px;
 }

#specialeventleft ul li{
 margin-bottom: 10px;
  }

#privatepartypic {
 height: 332px;
  width: 211px;
 display: inline-block;
  float: left;
  overflow: hidden;
 }

#privatepartyright {
 height: 312px;
  width: 350px;
 display: inline-block;
  float: right;
 overflow: hidden;
 margin-top: 20px;
 }

#privatepartyright p {
 margin: 0;
  }

#privatepartyright ul li {
 margin-bottom: 5px;
 }

#privatepartybottom {
  width:570px;
  padding-top:15px;
 margin-bottom:10px;
 border-bottom: 2px dotted #000;
 }

#privateeventformcontainer {
 background-color: #deceab;
  border: 1px solid #66604a;
  box-shadow: inset 0 0 6px #b3a589;
  -moz-box-shadow: inset 0 0 6px #b3a589;
 -webkit-box-shadow: inset 0 0 6px #b3a589;
  margin-left: auto;
  margin-right: auto;
 padding: 20px 25px 15px 10px;
 opacity: .75;
 overflow: hidden;
 width: 360px;
 height: 280px;
        }

#privateeventform {
  display: block;
 width: 380px;
 height: 125px;
  margin-left: auto;
  margin-right: auto;
 overflow: hidden:
 }

#privateeventform label {
      display: inline-block;
      float: left;
  clear: left;
  width: 150px;
     text-align: right;
  font-weight: bold;
  }

#privateeventform input {
    display: inline-block;
    float: right;
 height: 20px;
 }

#privateeventform input, textarea {
  background-color: #fcf8f3;
  }

#privateeventmessage {
 display: block;
 width: 380px;
 height: 120px;
  margin-left: 30px;
  overflow: hidden;
 font-weight: bold;
  }

#formbutton {
  display: block;
 margin-left: 280px;
 width: 380px;
 height: 60px;
 overflow: hidden;
 }

#formbutton input {
  background-color: #000;
 border: 0;
  font-family: "LeagueGothicRegular", "Impact", 'Impact' sans-serif;
  font-size: 20px;
  color: #fcf8f3;
 text-transform:uppercase;
 padding: 2px 10px 2px 10px;
 }

 
/* profiles */

.commentholder {
  width:570px;
  min-height:500px;
 margin: 20px 0 0 0;
        clear:both;
  }
 
.box {
  margin:0 auto;
  width:497px;
  position:relative;
  top:25px;
 padding-bottom:30px;
  border-bottom:2px dotted #262626;
 }

.box p { 
  color:#fff;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 font-size:20px;
 text-transform:uppercase;
 padding:5px 0 5px 5px;
  background-color:#362f21;
 opacity:0.85;
 -moz-opacity:0.85;
  filter:alpha(opacity=85);
 -khtml-opacity: 0.85;
 text-decoration: none;
  border-bottom: 1 px black;
  letter-spacing: 1px;
  }
 
.boxwarning { 
  color:#000;
 font-family: 'LeagueGothic', "Impact", 'Impact', sans-serif;
  font-size:14px;
 text-transform:uppercase;
 padding:5px 0 5px 5px;
  letter-spacing: 1px;
  }

.box label {
 width:100%;
 min-height:40px;
  display: block;
 }

.box label span {
  display: block;
 color:#000;
 font-family:  'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
  text-transform:uppercase;
 font-size:16px;
 float:left;
 width:70px;
 text-align:right;
 padding:5px 10px 0 0;
 }

.box .input_text {
 padding:4px 4px;
  width:355px;
  background:#FFF;
  border-bottom: 1px double #171717;
  border-top: 1px double #171717;
 border-left:1px double #333333;
 border-right:1px double #333333;
  }

.box .message {
  padding:4px 7px;
  width:350px;
  background:#FFF;
  border-bottom: 1px double #171717;
  border-top: 1px double #171717;
 border-left:1px double #333333;
 border-right:1px double #333333;
  overflow:hidden;
  height:150px;
 font-size:9px;
  }

.box .button {
 margin:0 0 10px 0;
  padding:4px 7px;
  background:#830c06;
 color:#fff;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 text-transform:uppercase;
 font-size:16px;
 letter-spacing:.1em;
  font-style:normal;
  border:0px;
 position: relative;
 top:10px;
 left:362px;
 width:80px;
 -webkit-box-shadow: 2px  2px 15px  #000;
  -moz-box-shadow: 2x 2px 15px #000;
  box-shadow: 2px 2px 15px #000;
  }
 
.comments {
 width:450px;
  min-height:50px;
  margin-left:50px;
 padding: 0 5px 0 5px;
 clear:both;
 border-bottom: 1px solid #000;
  background-color:#fff;
  opacity:0.55;
 -moz-opacity:0.55;
  filter:alpha(opacity=55);
 }

.comments p {
  font-family:Georgia, serif;
 size:14px;
  font-color:#362f21;
 }

#emailbreak {
  word-break: break-all;
  }
 
.sponsorshipdiv {
 width:570px;
  margin-top:10px;
  margin-left:30px;
 margin-right:auto;
  margin-bottom:5px;
  clear:both;
}

.sqrspon {
        display:inline-block;
 width: 275px;
       height: 55px;
 margin: 5px;
        overflow: hidden;
 border: 1px solid black;
        }

.sqrspon img {
 width: 275px;
 height: 55px;
 overflow: hidden;
 }

.sqrspon:nth-child(even) {
 margin-right: 0;
  }

.sqrspon:nth-child(odd) {
  margin-left: 0;
 }

 
/* schedules */


.sheader {
 width:570px;
  min-height:36px;
  padding-top:25px;
 border-bottom:1px solid #000;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 text-transform:uppercase;
 font-size:25px;
 clear:both;
 }
 
.sheader a {
  color:black;
  }
 
.sentry {
 width:570px;
  margin-top:10px;
  font-family:Georgia, serif;
        line-height:16px;
  }
 
.sentry h2 {
  text-align: left;
 color: #000;
  font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 text-transform:uppercase;
 font-size:15px;
 letter-spacing: 1px;
        clear:both;
 font-weight:normal;
 padding
 }
 
.sentry p {
 text-align: left;
 color: #000;
  font-family:Georgia, serif;
 font-size:14px;
 letter-spacing: 1px;
  }

.sentry img {
  max-width: 490px;
 /* Resize the image for IE6 */
  width: expression(this.width > 500 ? 500: true);
  }

.swrap {
        width:570px;
        min-height:100px;
  font-family:Georgia, serif;
        }
  
/*profile page - Profile Section */

#profileheading {
  float:left;
 width:600px;
  height:35px;
  padding-top: 10px;
  color:#fff;
 background-color:#830c06;
 -webkit-box-shadow: 0px  2px 23px  #000;
  -moz-box-shadow: 0px  2px 23px #000;
  box-shadow: 0px  2px 23px  #000;
  position:relative;
  }

#profileheading span {
 font-family: 'LeagueGothicRegular', 'Arial', sans-serif;
  font-size:24px;
 text-transform:uppercase;
 padding: 0 0 0 15px;
  letter-spacing:.15em;
 font-weight:normal;
 }

.profile {
 width:570px;
  min-height:400px;
 margin-top:30px;
  margin-left:30px;
 margin-bottom: 10px;
  clear:both;
 border-bottom:dotted 3px #000;
  }

.profile p {
 text-align: left;
 color: #000;
  font-family:Georgia, serif;
 font-size:13px;
 letter-spacing: 1px;
        line-height:15px;
 margin-left:5px;
  }

.profilecontainer {
  display: block;
 width: 570px;
 margin-left: auto;
  margin-right: auto;
 }

.profile img {
 float:left;
 margin:13px 13px 8px 5px;
 display: inline-block;
  width: 300px;
 }
 
.profile hr {
  border: 2px dotted #000000;
  noshade:noshade;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
} 
  
.profile ul {
 margin:0;
 padding:10px 0 0 0;
 display: inline-block;
  width: 240px;
 }
 
.profile li {
 margin:0;
 padding: 0;
 font-size: 12px;
  color: #000;
  list-style:none;
  font-family:  'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
  text-transform:uppercase;
 font-size:22px;
 letter-spacing: 1px;
  line-height:40px;
 word-wrap:break-word;
 }

.pheader {
 width:570px;
  min-height:49px;
  padding-top:15px;
 margin-left:30px;
 border-bottom:1px solid #000;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 text-transform:uppercase;
 font-size:25px;
 clear:both;
 }
 
.pheader ul {
 margin:0;
 padding:0;
  padding-top:10px;
 }
 
.pheader li {
 float: left;
  margin:0;
 padding: 0;
 font-size: 12px;
  color: #fff;
  list-style:none;
  }
 
.pheader h1 {
 float: left;
  display: block;
 margin: 0 1px 0 0;
  padding: 5px 8px;
 color: #FFF;
        font-weight:normal;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 font-style:normal;
  text-transform:uppercase;
 background-color:#830c06;
 opacity:0.85;
 -moz-opacity:0.85;
  filter:alpha(opacity=85);
 -khtml-opacity: 0.85;
 text-decoration: none;
  border-bottom: 1 px black;
  letter-spacing: 1px;
  }
 
/* photos */


.photoentry {
 width:570px;
  min-height: 650px;
  margin-top:30px;
  overflow: auto;
 }

.photoentry hr {
 border: 2px solid #000000;
    noshade:noshade;
    border-bottom: 0px;
 border-left: 0px;
   border-right: 0px;
}

.albumentry {
  width:570px;
  height:auto;
  margin-top:20px;
  overflow-y: auto;
 }

.albumentry hr {
 border: 2px solid #000000;
    noshade:noshade;
    border-bottom: 0px;
 border-left: 0px;
   border-right: 0px;
}

.albumdiv {
  width:135px;
  height:315px;
 float:left;
 display:block;
  text-align:center;
  vertical-align:middle;
  padding-right:7px;
  }
 
.albumtext {
  width:120px;
  margin-top:10px;
  margin-left:auto;
 margin-right:auto;
  color: #000;
  font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 font-size:16px;
 text-transform:uppercase;
 text-align:center;
  min-height:20px;
}
 
.album {
  height: 250px;
  margin-left:auto;
 margin-right:auto;
  text-align:center;
  vertical-align:middle;
  overflow:hidden;
  }
 
.album img {
  border: 1px solid #000;
 margin-left:auto;
 margin-right:auto;
  height: 250px;
  overflow: hidden;
 }


.photofeed {
 margin-top:-20px;
 margin-left:30px;
 width:570px;
        float:left; 
}

.photodiv {
  width:150px;
  height:165px;
 margin: 0 20px 20px 0;
  float:left;
 display:block;
  text-align:center;
  vertical-align:middle;
  overflow:hidden;
  }
 
.phototext {
  width:130px
 margin-top:15px;
  margin-left:auto;
 margin-right:auto;
  color: #000;
  font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 font-size:15px;
 text-transform:uppercase;
 text-align:center;
  min-height:20px;
}
 
.photos {
 width:150px;
  min-height:120px;
 margin-left:auto;
 margin-right:auto;
  text-align:center;
  vertical-align:middle;
  overflow:hidden;
  }
 
.photos img {
 border: 1px solid #000;
 margin-left:auto;
 margin-right:auto;
  }

.photospace {
  width: 570px;
 height: 10px;
 margin-top:10px;
}


/* FRACTION SLIDER CODE - TO PUT ON SEPARATE CSS DOCUMENT ONCE WORKS */

.slidercontainer {
  width: 450px;
 height: 400px;
  clear: both;
  margin-left: auto;
  margin-right: auto;
 margin-top: 20px;
 padding: 20px 0 20px 0;
 overflow: hidden;
 border: 3px solid #4f402f;
  -webkit-box-shadow: 2px  2px 15px  #000;
  -moz-box-shadow: 2x 2px 15px #000;
  box-shadow: 2px 2px 15px #000;
  opacity: 0.9;
}

.fraction-slider{
 position: relative;
 overflow: hidden;
 margin-left: auto;
  margin-right: auto;
 height: 400px;
  width: 450px;
}

.slidediv {
 display: inline-block;
  position: relative;
 width: 350px;
 height: 400px;
  overflow: hidden;
 margin-left: auto;
  margin-right: auto;
}

.fraction-slider .slide{
  display:none;
 width:100%; height:100%;
  vertical-align: middle;
 z-index:5000;
 text-align: center; 
}

.fraction-slider .slide img{
 height: 400px;
}

.fraction-slider .active-slide{
  z-index:9999;
}

.fraction-slider .fs_obj{
 display:block; display:none;
  top:0px; left:100%;
 z-index:7000;
}

.fraction-slider .fs_fixed_obj{
 z-index:6000;
 left:0;
}

.fraction-slider .fs_obj *{
 display:inline-block;
 position:relative;
  top:0px; left:0px;
}

.fs_loader{
  width:100%; height:400px;
 background:url(css/fs.spinner.gif) center center no-repeat transparent;
}

/** CONTROLS **/

.fraction-slider .prev,
.fraction-slider .next{
  display: none;
  position:absolute;
  width:30px; 
  height:30px;
  z-index:9999;
}

.fraction-slider .prev{
 left:0px; top:195px;
  background:url(css/fs.prevnext.png) 0px 0px no-repeat transparent;
  
}
.fraction-slider .prev:hover{
  background:url(css/fs.prevnext.png) 0px -30px no-repeat transparent;
}

.fraction-slider .next{
  right:0px; top:195px;
 background:url(css/fs.prevnext.png) -30px 0px no-repeat transparent;
}
.fraction-slider .next:hover{
  background:url(css/fs.prevnext.png) -30px -30px no-repeat transparent;
}

.fraction-slider:hover .prev,
.fraction-slider:hover .next{
 display:block;
}

/** PAGER **/

.fs-pager-wrapper{
  position:absolute;
  left:10px; bottom:10px;
 z-index:9999; 
}

.fs-pager-wrapper a{
 display:inline-block;
 width:14px; height:14px;
  margin:0 5px 0 0;
 background:url(images/fs.pager.png) 0px -14px no-repeat transparent;
}
.fs-pager-wrapper .active{
 background:url(images/fs.pager.png) 0px 0px no-repeat transparent;
}

/*** END OF FRACTION SLIDER CSS FOR SEPARATE DOCUMENT ***/


/* photo gallery profile page - collapsible sections */

#open-by-default-example h3{
  background-color: #4F402F;
  border-top: 1px solid #fdf1c7;
  border-bottom: 1px solid #fdf1c7;
 font-family:  Georgia, serif;
 font-size: 20px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform:uppercase;
 margin: 0;
  width: 100%;
}

.open {
  font-family: Georgia, serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform:uppercase;
 width: 100%;
}

#open-by-default-example h3 a{
   background: url("images/spritedrs.png") 15px 10px no-repeat;
  display: block;
 padding: 4px;
   padding-left: 35px;
   color: #FFF;
  font-family: Georgia, serif;
  font-weight: normal;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform:uppercase;
}


#open-by-default-example h3:hover{
  background-color: #786148;
}

#open-by-default-example h3.open a { 
  background-position: 13px -28px; 
}

/**GALLERIFFIC - to put on separate CSS once works **/

/* Basic */
div#container {
  width: 525px;
 margin-left: 27px;
  padding: 20px;
}
div#ads {
  clear: both;
  padding: 12px 0 12px 66px;
}


/*Galleriffic 5*/
div#container {
 overflow: hidden;
}
div.content {
 display: none;
  clear: both;
  border: 2px solid #4f402f;
  -webkit-box-shadow: 2px  2px 15px  #000;
  -moz-box-shadow: 2x 2px 15px #000;
  box-shadow: 2px 2px 15px #000;
  opacity: 0.9;
}
div.content a, div.navigation a {
 text-decoration: none;
}
div.content a:hover, div.content a:active {
  text-decoration: underline;
}

div.navigation a.pageLink {
 height: 77px;
 line-height: 77px;
}

div.controls {
 margin-top: 5px;
  height: 23px;
}
div.controls a {
  padding: 5px;
}
div.ss-controls {
 float: left;
}
div.nav-controls {
 float: right;
}

div#slideshow.slideshow {
 position: relative;
 width: 555px;
 margin-left: auto;
  margin-right: auto;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
 width: 500px; 
  height: 550px;
  margin-left: auto;
  margin-right: auto;
 text-align: center;
 position: relative; /* This should be set to be at least the width of the largest image in the  with padding */
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link img{

}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
  height: 550px; /* This should be set to be at least the height of the largest image in the slideshow with padding */  
}

div.slideshow-container {
  position: relative;
 clear: both;
  margin-left: auto;
  margin-right: auto;
 height: 600px;
  width: 505px;
}

div.loader {
  position: absolute;
 top: 0;
 left: 0;
  background-image: url('images/loader.gif');
 background-repeat: no-repeat;
 background-position: center;
}
div.slideshow span.image-wrapper {
 display: block;
 position: absolute;
 top: 25px;
  left: 0;
  height: 550px;
  overflow: hidden;
}
div.slideshow a.advance-link {
  display: block;
 line-height: 552px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
 text-align: center;
 vertical-align: middle;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
 text-decoration: none;
}
div.slideshow a.advance-link:focus {
 outline: none;
}

div.slideshow img {
  width: 450px;
 overflow: hidden;
 vertical-align: middle;
}
div.caption-container {
 float: right;
 position: relative;
 margin-top: 30px;
}
span.image-caption {
  display: block;
 position: absolute;
 top: 0;
 left: 0;
}

div.caption-container, span.image-caption {
  width: 334px;
}

div.caption {
 padding: 0 12px;
}

div.image-title {
  font-weight: bold;
  font-size: 1.4em;
}
div.image-desc {
  line-height: 1.3em;
 padding-top: 12px;
}
div.download {
 margin-top: 8px;
}
div.photo-index {
  position: absolute;
 bottom: 0;
  left: 0;
  padding: 0 12px;
}
div.navigation-container {
 width: 540px;
 margin-top: 10px;
 position: relative; 
}
div.navigation {

}
div.navigation a.pageLink {
 display: block;
 position: relative;
 float: left;
  margin: 2px;
  width: 16px;
  background-position:center center;
  background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
  outline: none;
}

.thumbsdiv {
 height: 85px;
 width: 85px;
  margin-left:auto;
 margin-right:auto;
  text-align:center;
  horizontal-align:middle;
  overflow:hidden;
  }

ul.thumbs {
  position: relative;
 float: left;
  margin-left: -3px;
  padding: 0;
}
ul.thumbs li {
  float: left;
  padding: 0;
 margin: 2px;
  list-style: none;
}
a.thumb {
 padding: 1px;
 display: block;
}
a.thumb:focus {
 outline: none;
}
ul.thumbs img {
  border: none;
 display: block;
 height:127px;
}
div.pagination {
  clear: both;
  position: relative;
 left: -50%;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
 position: relative;
 display: block;
 float: left;
  margin-right: 2px;
  padding: 4px 7px 2px 7px;
}
div.pagination a:hover {
  text-decoration: none;
}
div.pagination span.current {
  font-weight: bold;
}
div.pagination span.ellipsis {
 border: none;
 padding: 5px 0 3px 2px;
}

div.gallery-gutter {
  clear: both;
  padding-bottom: 20px;
}

/*Image Slider Navigation Arrows*/

.before {
 position: absolute;
 top: 275px;
 left: 0px;
  background-image: url(css/fs.prevnext.png);
 background-position: -1px 0px;
  width: 30px;
  height: 30px;
}

.before:hover {
 background-image: url(css/fs.prevnext.png);
 background-position: -1px -30px;
}

.after {
 position: absolute;
 top: 275px;
 right: 0px;
 background-image: url(css/fs.prevnext.png);
 background-position: -31px 0px;
 width: 30px;
  height: 30px;
}

.after:hover {
  background-image: url(css/fs.prevnext.png);
 background-position: -31px -30px;
}

/* Thumb Navigation Arrows */
div.navigation a.prev {
  background-image: url(css/fs.prevnext.png);
 background-position: 0px -22px;
 top: 27px;
  right: 5px;
}
div.navigation a.prev:hover {
 background-image: url(css/fs.prevnext.png);
 background-position: 0px 50px;
  top: -15px;
 right: 5px;
}
div.navigation a.next {
 background-image: url(css/fs.prevnext.png);
 background-position: -44px -22px;
 top: 27px;
  left: 5px;
}
div.navigation a.next:hover {
  background-image: url(css/fs.prevnext.png);
 background-position: -44px 50px;
  top: -15px;
 left: 5px;
}
div.loader {
 background-image: url(loader.gif);
}

/**END OF GALLERIFFIC**/ 


/* right column side */

#rightcolumn {
 width:350px;
  padding: 0 0 20px 0;
  float:right;
  overflow:hidden;
}
 
.columntext {
 width:302px;
  margin-left:auto;
 margin-right:auto;
  padding:10px 0 15px 0;
  border-bottom: 2px dotted #000;
 margin-bottom:20px;
 font-family: "Georgia, serif";
  font-size: 12px;
  text-transform: none;
}

.columntext a {
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 font-size:16px;
 text-transform:uppercase;
 color:#362f21;
  font-weight:normal;
 }

.columntext img {
       margin-top:5px;
       margin-bottom:-2px;
       border:1px solid black;
       }

.rectn {
  margin: 5px 0 5px 0;
  width:300px;
  display:inline;
}

.sqrlft {
        float:left;
        width:135px;
  margin: 5px 0 5px 0;
        }

.sqrght {
  float:right;
        width:135px;
  margin: 5px 0 5px 0;
  }

 
.rightheader {
  background-image:url(css/greyheader.png);
 height:25px;
  font-family:Georgia, serif;
 text-transform:uppercase;
 font-size:16px;
 color:#FFF;
 letter-spacing:3px;
 padding-top:5px;
  padding-left:25px;
  }
 
img.rghtc {
 float:right;
  margin-top:12px;
  margin-bottom:10px;
 }

.searchbar {
 height:50px;
  clear:both;
 background-color:#362f21;
 margin-bottom:28px;
 }
 
.searchbranch {
 width:150px;
  height:45px;
  float:left;
 color:#fff;
 padding:6px 0 0 8px;
 font-family:  "LeagueGothicRegular", "Impact", 'Impact' sans-serif;
 text-transform:uppercase;
 font-size:25px;
 letter-spacing:1.5px;
}

.searchleft {
 width:90px;
 height:50px;
  float:left;
 color:#fff;
 padding:8px 0 0 8px;
  }
 
.searchright {
  width:248px;
  float:right;
  padding:3px 0 0 0;
  }
 
.searchright input#search {
 font-size:14px;
 background:#FFF;
  border-bottom: 1px double #171717;
  border-top: 1px double #171717;
 border-left:1px double #333333;
 border-right:1px double #333333;
  margin:5px 1px 0 0;
 padding:3px 0 0 3px;
  vertical-align:top;
 height:25px;
  width:196px;
  }
  
.searchbranchright {
 width:203px;
  float:right;
  padding:3px 0 0 0;
  }
 
.searchbranchright input#search {
 font-size:14px;
 background:#FFF;
  border-bottom: 1px double #171717;
  border-top: 1px double #171717;
 border-left:1px double #333333;
 border-right:1px double #333333;
  margin:5px 1px 0 0;
 padding:3px 0 0 3px;
  vertical-align:top;
 height:25px;
  width:250px;
  }
  
 .searchbranchright2 {
 width:403px;
  float:right;
  padding:3px 0 0 0;
  }
 
.searchbranchright2 input#search {
 font-size:14px;
 background:#FFF;
  border-bottom: 1px double #171717;
  border-top: 1px double #171717;
 border-left:1px double #333333;
 border-right:1px double #333333;
  margin:5px 1px 0 0;
 padding:3px 0 0 3px;
  vertical-align:top;
 height:25px;
  width:350px;
  }
 
#RSSsubcribe {
  clear:both;
 height:100px;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 font-size:16px;
 text-transform:uppercase;
 color:#362f21;
  letter-spacing:2px;
 }
 
#RSSsubcribe a {
  font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 font-size:24px;
 text-transform:uppercase;
 color:#362f21;
  text-decoration: none;
  border:none;
  }
 
#RSSsubcribe img {
  border:none;
  }
 
#tumblr {
 width:350px;
  min-height:250px;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 font-size:14px;
 text-transform:uppercase;
 color:#362f21;
  text-decoration: none;
  clear:both;
}
#tumblr img {
 border:1px;
 max-width:300px;
  margin-left:auto;
 margin-right:auto;
  }

#NYCevents {
 width:350px;
  min-height:250px;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 font-size:14px;
 text-transform:uppercase;
 color:#362f21;
  text-decoration: none;
  clear:both;
}

img.nyc {
 margin-left:auto;
 margin-right:auto;
  }

#worldeventstop {
  height: 15px;
}

#worldevents {
  width: 350px;
 height: 250px;
  margin-left:15px;
 clear: both;
  overflow: hidden;
}

.eventsdate {
 float:left;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 font-size:15px;
 letter-spacing:1px;
 text-transform:uppercase;
 }
.eventsdate a {
  color:#000;
 }
 
.eventsloc {
  float:right;
  font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 font-size:15px;
 letter-spacing:1px;
 text-transform:uppercase;
 }

#worldeventsbottom {
 height: 30px;
 width: 302px;
 border-bottom: 2px dotted #000;
 margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto; 
}
 

#sponsors {
 height:400px;
 width:100%;
 clear:both;
}

#sponsors img {
        border: 1px solid black;
        float:left;
        }

/* video */

.ventry {
 width:570px;
  margin-top:30px;
  font-family:Georgia, serif;
 border-bottom: 2px dotted #000;
 }



/* news & events */

#boxyholder {
 margin: 30px 0 30px 0;
  width:980px;
  height:330px;
 }

#newsborder {
  width:465px;
  -webkit-box-shadow: 7px  2px 15px  #000;
  -moz-box-shadow: 7px 2px 15px #000;
   box-shadow: 7px 2px 15px #000;
  border:2px #000 solid;
  float:left;
 }

#newsfloat {
 width:465px;
  height:300px;
 background-image:url(css/box.jpg);
  }
 
.boxyheaders {
  width:445px;
  height:30px;
  padding-top: 10px;
  padding-left: 20px;
 color:#fff;
 font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 letter-spacing:4px;
 font-size:24px;
 text-transform:uppercase;
 background-color:#830c06;
 opacity:0.85;
 -moz-opacity:0.85;
  filter:alpha(opacity=85);
 -khtml-opacity: 0.85;
 }
 
#boxytext1 {
  width:445px;
  height:250px;
 padding-left:10px;
  padding-right:10px;
 padding-top:10px;
 overflow: auto;
 }

#boxytext1 p {
 font-family:Georgia, serif;
 font-size:16px;
        line-height:16px;
  }

#boxytext1 h1 {
        font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 font-size:16px;
 letter-spacing:2px;
 text-transform:uppercase;
        font-weight:normal;
  }

#eventsborder {
  float:right;
  width:465px;
  -webkit-box-shadow: 7px  2px 15px  #000;
  -moz-box-shadow: 7px 2px 15px #000;
   box-shadow: 7px 2px 15px #000;
  border:2px #000 solid;
  }

#eventsfloat {
 width:465px;
  height:300px;
 background-image:url(css/box.jpg);
  }

.eventsholder {
  width:302px;
  padding-top:10px;
 padding-bottom:5px;
 height:25px;
  border-bottom: 1px solid #000;
  }

#boxytext2 { 
  width:350px;
  height:250px;
 margin-left: 15px;
  }

#boxytext2 p {
 font-family:Georgia serif;
  font-size:16px;
 }


/* bottom */

.footer {
  clear:both;
 margin: 30 0 30 0;
  width:100%;
 margin-top:25px;
  border-top: 2px solid #000;
 min-height:30px;
  font-family: 'LeagueGothicRegular', "Impact", 'Impact', sans-serif;
 letter-spacing:1px;
 text-align:center;
  color:#FFFFFF;
  font-size:14px;
 background-color:#362f21;

}

/* scrollpane */

.jScrollPaneContainer {
 position:relative;
  overflow: hidden;
}

.jScrollPaneTrack {
 position: absolute;
 display:inline-block;
 cursor: pointer;
  right: 0;
 top: 0;
 height: 100%;
 background: #736c60;
}
.jScrollPaneDrag {
 position: absolute;
 background: #363024;
  cursor: pointer;
  overflow: hidden;
}
.jScrollPaneDragTop {
 position: absolute;
 top: 0;
 left: 0;
  overflow: hidden;
}
.jScrollPaneDragBottom {
  position: absolute;
 bottom: 0;
  left: 0;
  overflow: hidden;
}

  
/* font list */