﻿
/*RESET TO GET ALL BROWSERS ON LEVEL PLAYING FIELD*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, 
address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
 details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}




/*END RESET -----------------------------------------*/

@font-face {
    font-family: 'dream_orphanage_regular';
    src: url('fonts/dream_orphanage_rg-webfont.eot'),
         url('fonts/dream_orphanage_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dream_orphanage_rg-webfont.woff') format('woff'),
         url('fonts/dream_orphanage_rg-webfont.ttf') format('truetype'),
         url('fonts/dream_orphanage_rg-webfont.svg#dream_orphanage_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'dream_orphans_reg';
    src: url('fonts/dream_orphans-webfont.eot'),
         url('fonts/dream_orphans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dream_orphans-webfont.woff') format('woff'),
         url('fonts/dream_orphans-webfont.ttf') format('truetype'),
         url('fonts/dream_orphans-webfont.svg#dream_orphans_reg') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'dream_orphans_bold';
    src: url('fonts/dream_orphans_bd-webfont.eot');
    src: url('fonts/dream_orphans_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dream_orphans_bd-webfont.woff') format('woff'),
         url('fonts/dream_orphans_bd-webfont.ttf') format('truetype'),
         url('fonts/dream_orphans_bd-webfont.svg#dream_orphans_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
     font-family: 'nickerbocker';
    src: url('fonts/nickerbocker-webfont.eot');
    src: url('fonts/nickerbocker-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nickerbocker-webfont.woff') format('woff'),
         url('fonts/nickerbocker-webfont.ttf') format('truetype'),
         url('fonts/nickerbocker-webfont.svg#nickerbocker') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'epocaclassic-lightregular';
    src: url('fonts/EpoClassic-Lig-webfont.eot');
    src: url('fonts/EpoClassic-Lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/EpoClassic-Lig-webfont.woff') format('woff'),
         url('fonts/EpoClassic-Lig-webfont.ttf') format('truetype'),
         url('fonts/EpoClassic-Lig-webfont.svg#epocaclassic-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'NovecentowideMedium';
    src: url('fonts/Novecentowide-Medium-webfont.eot');
    src: url('fonts/Novecentowide-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Novecentowide-Medium-webfont.woff') format('woff'),
         url('fonts/Novecentowide-Medium-webfont.ttf') format('truetype'),
         url('fonts/Novecentowide-Medium-webfont.svg#NovecentowideMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}



html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}

body {
   
    /*border-top: solid 10px #000;*/
    color: #333;
    font-size: .83em;
    font-family: "epocaclassic-lightregular", Helvetica, Calibri, Sans-Serif;
    margin: 0;
    padding: 0;
    line-height:150%;
    background:#fff url("../Images/bg_2.jpg") no-repeat center top fixed;
    background-size:150%; 
  
    
  
}

a {   
   
}

    a:link, a:visited,a:active, a:hover {
       
    }

    a:hover {
       
    }

header, footer, hgroup,nav, section {    display: block;}

mark {    background-color: #a6dbed;    padding-left: 5px;    padding-right: 5px;}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: 'NovecentowideMedium', Arial, Helvetica, Calibri, Verdana, sans-serif;
    line-height:120%; text-transform:uppercase;    margin-top:.5em;
}

h1 {
    font-size: 1.7em;
}

h2 {
    font-size: 1.5em; color:#343d2f;
    margin-bottom:.5em;   
}

h3 {
    font-size: 1.2em;
    background-color: #343d2f; padding: 3px; color: #fff; line-height:140%;
}


h4 {
    font-size: 1.1em; color:#3c5641;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

p {margin-bottom: 1em;}
ul {
    list-style: disc;
    padding:1em; margin:1em;
}
.adspecs p {margin-bottom:.1em;margin-top:1em;}
.adspecs ul{margin-bottom:1em;}

.iframe-container{ width: 100%; max-width:600px; margin:0;}
iframe{width:100%; max-width:600px;}
.iframe-home{ width: 75%; max-width:460px; margin-left: 10px; float:right;}

.iframe-home iframe {width:100%; max-width:460px;}
.iframe-home-fb{ border: none; width: 48%; margin-bottom:20px; margin-left:10px; /*clear:right;*/background-color:#B4D6D8;  max-height:600px; min-height:500px; /*float:right;*/ max-width:460px; display:inline-block;}
.twitter-timeline-rendered {width: 50% !important; float:right;margin-left:10px;clear:right;max-height:300px;min-height:200px;max-width:460px !important;}

.twitter-timeline {width: 48% !important;margin-left:10px;max-height:500px;min-height:500px;max-width:460px !important;display:inline-block;}


iframe.cke_reset {
    max-width: 100%;
}
blockquote {
    padding: 0px 30px;
}
strong {
    font-weight: bold;
}
/* main layout
----------------------------------------------------------*/

/*IE 6&7 Upgrade Bar*/
.upgradebar {padding:0; text-align: center; width:1022px; margin:0 auto;}




.content-wrapper {
    margin: 0 auto;
    max-width: 1020px;
}

#body {   
    filter: alpha(opacity=40);
    background:transparent\9;
    background: #b9c6a1; /* Old browsers */
    background: rgba(185,198,161,0.4); /* Old browsers that support rgba with transparency but not gradients */
    background: -moz-linear-gradient(top,  rgba(185,198,161,0.4) 71%, rgba(152,170,98,0.4) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(71%,rgba(185,198,161,1)), color-stop(100%,rgba(152,170,98,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(185,198,161,0.4) 71%,rgba(152,170,98,0.4) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(185,198,161,0.4) 71%,rgba(152,170,98,0.4)100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(185,198,161,0.4) 71%,rgba(152,170,98,0.4)100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(185,198,161,0.4) 71%,rgba(152,170,98,0.4) 100%); /* W3C */    	
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b9c6a1, endColorstr=#98aa62);/* For IE 5.5 - 7*/   
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66b9c6a1, endColorstr=#6698aa62);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66b9c6a1, endColorstr=#6698aa62)"; /* For IE 8*/
    zoom:1;  clear: both;   padding-bottom: 35px;  max-width:1020px; margin:0 auto; width:100%;
   
   
}


    .main-content {
        /*background: url("../Images/accent.png") no-repeat;*/
        margin-left: 5.882352941176470588235294117647%; /*60px*/
        padding-top: 30px;
        width:58.823529411764705882352941176471%;
        max-width:600px;
        float:left;

      
        
    }
#body a, #body a:visited {   color: #675ca8;}
    #body a:hover {color:#2b6fae;}
    .textblock {background-color:#c2ce9d; padding:10px;}
    .featured + .main-content {        background: url("../Images/heroAccent.png") no-repeat;    }

header .content-wrapper {    padding-top: 5px; }





/* menu 343d2f   
----------------------------------------------------------*/
ul#menu {font-size: 1.2em; font-family: 'dream_orphans_reg',Calibri,Arial, sans-serif; text-transform:lowercase; 
         margin: 0 0 5px; padding: 0;text-align: center;  z-index:300; height:40px; position:relative;}
.lt-ie8 ul#menu{width:100%; margin-left:auto; margin-right:auto;text-align: center;}
    ul#menu li {display: inline-block; height:40px; list-style: none; margin:0; padding:1px 1.176470588235294117647058823529%;white-space:nowrap; z-index:300;}
.lt-ie8 ul#menu li {    width: auto;    float: left;}
    ul#menu li a {color: #2f2b4c; text-decoration: none;  display: inline-block; height:20px;margin:0; padding:4px 10px; z-index:300;}
        .lt-ie8 ul#menu li a{float:left; width:auto;}

        /*ul#menu li a:hover { color: #fff;     text-decoration: none;overflow:visible;  background-color:#60acb3; }*/

        ul#menu ul li{padding:0; line-height:120%; height:30px;}
        ul#menu li:hover { background:url("../Images/menu_accent.png") bottom center no-repeat; z-index:300; position:relative;}  
        .manager ul#menu li:hover{background-image:none;}          
            ul#menu li:hover > a {background-color: #675ca8;color: #fff;   }
            ul#menu li:hover ul{left:12px; top:29px;background-color: #c3bbef; color:#166883; white-space:nowrap; min-width:185px; height:auto; z-index:200;margin:0;padding:0;text-align:left;font-size:.95em;} /*tier 2*/
            ul#menu li:hover ul li{display:block; position:relative; float:left;width:100%;  min-width:100%; font-weight:200;text-align:left; line-height:120%; padding:0;margin:0; } /*TIER 2 & 3 */
           
            ul#menu ul li:hover {background-image: none; z-index:200;background-color:#2f2b4c;} /*tier 2 hover*/

            ul#menu ul li:hover > a {background-color:transparent; color: #fff;  }           
          



#menu ul, 
#menu li:hover ul ul,
#menu li:hover li:hover ul ul,
#menu li:hover li:hover li:hover ul ul,
#menu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/*------------------------------------------*/

header .tagline-bar { background-color:#221b44;  padding:8px 0; text-align:center;  font-family: 'dream_orphans_bold',Calibri,Arial, sans-serif;    font-size:1.5em;  color:#e7e4d9;  letter-spacing:.2em;  width:100%; max-width:1020px;}
header .deadline-bar {background-color:#E2AA59; padding:3px 0; text-align:center; font-size:1em; color:#1f345f; width:100%; max-width:1020px; }
.tagline-bar .festival-dates {font-family: 'nickerbocker',Calibri,Arial, sans-serif; color:#ffe25e;
                              text-transform:uppercase;
                              font-size:1.2em; margin-left:10px;
                              letter-spacing:0;                             
}


 aside { float: right;   /*width: 25%;*/}
            aside ul {list-style: none;padding: 0;}
            aside ul li {background: url("../Images/bullet.png") no-repeat 0 50%;padding: 2px 0 2px 20px;}

/*--ROTATOR----------------------------------------*/

header #rotator {border-top:1px solid #675ca8; border-bottom:1px solid #675ca8;	background: transparent; line-height:130%;
                 position: relative;	/* important */	
                 overflow: hidden; /* important */
                 width:100%; height:auto;
                 max-width:1020px;max-height:250px;z-index:0; margin-top:-17px; }
header #rotator .rslides {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0; font-size:.85em;  }
header #rotator .rslides ul { list-style-type: none;margin:0; padding:0;}
header #rotator .rslides ul li{margin:0; padding:0;}
header #rotator .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
header #rotator .rslides li:first-child { position: relative; display: block; float: left; }
header #rotator .rslides img { display: block; height: auto; float: left; width: 100%;  border: 0;  }
header #rotator .rslides li div{z-index:3; position:absolute; width:150px;  display:block;  filter: alpha(opacity=75); -moz-opacity: 0.75;-khtml-opacity: 0.75; opacity: 0.75;
                        width: 150px; background-color: White; padding:10px; font-family:Arial, Helvetica, sans-serif; }
header #rotator .rslides li div.slide-caption-left{bottom: 0; left: 0; margin-left:2%; width: 150px !important;}
header #rotator .rslides li div.slide-caption-right{top: 0; right: 0; margin-right:2%; width: 150px !important;}

 header #rotator .rslides div span.slide-caption-title{font-size:1.2em;color:#4c869d; display:block; position:relative; font-weight:bold;margin-bottom:.2em;}
header #rotator .rslides .slide-caption-text{ color:#666; display:block; position:relative;}


/* -------SIDEBAR---------------------------
    */
.sidebar {
        background-image:url("../Images/sidebar_line.png");background-position:top left;background-repeat:repeat-y;float:right; max-width:360px; 
        width:35.294117647058823529411764705882%;  min-height:300px;margin-top:10px;padding:0;     }
    .sidebar .sidebar-topper-image {  background-image:url("../Images/dragonfly.png");background-position:top left;background-repeat:no-repeat;
                                      width:inherit; max-width:inherit;min-height:103px;padding:0; margin:0;z-index:2;position:absolute;      }
    .sidebar .content-wrapper {
        width: 83.333333333333333333333333333333%; /*300 / 360 */
        max-width: 300px;
        margin:0; padding:0;
        margin-left:16.666666666666666666666666666667%; /*60/360*/
    }
     
    .sidebar .seperator {   height: 2px;    background-color: #7b7193; margin: 10px auto;  width: 60.810810810810810810810810810811%; /*180px*/}
    .sidebar .socialmedia, .sidebar .countdown, .sidebar .emailsignup{width: 60.810810810810810810810810810811%; /*180px*/margin:0 auto;  }
    
   
     .sidebar .socialmedia, .sidebar .countdown, 
     .sidebar .emailsignup,.sidebar .eventphotos-mobile, 
     .sidebar .eventphotos, .sidebar .sponsors, .sidebar .merchandise, 
     .sidebar .merchandise-mobile { font-family: 'dream_orphans_bold', Calibri,Arial,sans-serif;
                                    text-transform: uppercase;color:#221b44; text-align:center;  
                             font-size:1.1em;line-height:150%;   }
    .sidebar .eventphotos { text-align:right;}
    .sidebar .eventphotos-mobile, .sidebar .merchandise-mobile {  display: none;   }
    .sidebar .eventphotos a:hover {background-color:transparent;} 
    .sidebar .eventphotos img {max-width:258px; width:100%; height:auto; }
    .lt-ie9 .sidebar .eventphotos img{width:100%; height:auto; max-height:200px;}


    .sidebar .sponsors { width: 70%;        margin: 0 auto;    color:#333;  font-size:.9em;font-family:Calibri,Arial,sans-serif; text-transform:none;  }
    .sidebar .sponsors .title { font-family: 'dream_orphans_bold', Calibri,Arial,sans-serif;text-transform: uppercase;color:#1f345f; text-align:center;  font-size:1.1em;line-height:150%;   }
    .sidebar .sponsors .level{font-weight:bold; border-top:1px dotted #b2bfd5;text-align:left; }
     .sidebar .sponsors a{ text-decoration: none; color:#333333; }

     .sidebar .sidebar-section{text-align:center; }
     .sidebar .volunteer img{width:90%;max-width:185px; height:auto;}
        .sidebar .survey {text-align:center; font-size:1.5em;font-family: 'dream_orphans_bold', Calibri,Arial,sans-serif; margin-top:100px; line-height:1.3; color:#271d5b !important;}
        .sidebar .survey a{display:block; text-decoration:none; margin:2px !important; padding:1px !important; color:#271d5b;}
        .sidebar .survey a:hover{text-decoration:underline; color:#fff871;}
     
     .sidebar .socialmedia-mobile{display:none;}
    .sidebar .socialmedia { text-align:left;}
    .sidebar .socialmedia a, .sidebar .countdown a, .sidebar .emailsignup a , .eventphotos-mobile a, sidebar .eventphotos a,  .sidebar .merchandise-mobile a,  .sidebar .merchandise a .siderbar .volunteer  {      
        text-decoration: none;
        color:#1f345f;
    }

#body .sidebar .socialmedia a {
    color: #221b44;
}
        .sidebar .socialmedia a {
           color:#221b44; background: transparent url("../Images/facebook.png") left top no-repeat; padding-left:60px; height:60px; vertical-align:middle; display:block; padding-top:5px;
        }  
   
    .sidebar .countdown .block {display:inline-block; margin:0px; color:white; font-family:Arial, Calibri, Verdana, Helvetica,sans-serif;  height: 34px;   text-align:center; -webkit-box-shadow: 2px 1px 2px 1px rgba(0, 0, 0, .1);box-shadow: 2px 1px 2px 1px rgba(0, 0, 0, .1);}
        .sidebar .countdown .block span {
            margin: 0;
            vertical-align: middle;
            font-size: 1.2em;
            padding:5px 0px;
        }
     .sidebar .countdown .block  .countdownlabel {         
            font-size: .65em;
            color: #8170a0;
            margin-top:2px;
            text-transform:lowercase;
            margin-top:0; line-height:100%; padding:0;
            vertical-align:top;
        }
    .count_n, .count_d, .count_h, .count_m  { display:block; width: 33px; border:1px solid #99d6e9; 
    }
    .sidebar .countdown .count_n {background: #82cbea url("../Images/months.jpg") no-repeat center top;}
    .sidebar .countdown .count_d {background: #82cbea url("../Images/days.jpg") no-repeat center top;}
    .sidebar .countdown .count_h {background: #82cbea url("../Images/hours.jpg") no-repeat center top;}
    .sidebar .countdown .count_m {background: #82cbea url("../Images/minutes.jpg") no-repeat center top;}


    .sidebar .clear {height:2px; }

    
 .sidebar input.sidebarinput { width:72%; max-width:140px; font-size:.8em; margin:3px 0; color:#333; background-color:#d6eef2; border:1px solid #93c4ce;}
 .sidebar input.sidebarsubmit {font-size:.7em; color:#93c4ce; padding:5px 0px; margin:4px 0px 3px 2px;  width:16%; border:1px solid #7b7193; background-color:#d6eef2; vertical-align:middle; text-align:center;  }

 /*Section Navigation sytles*/
         .section-menu {position:relative;margin:30px auto;  width: 60.810810810810810810810810810811%; /*180px*/ z-index:3;}
          .section-menu h3 {background-color:transparent; font-family: 'dream_orphans_bold', Calibri,Arial,sans-serif;text-transform: uppercase;
                            color:#221b44; text-align:left;  font-size:1.2em;line-height:150%;}
             .section-menu ul {margin-left:3px; font-size:1.1em;list-style: none; list-style-image:none; }   
              .section-menu ul li {background: none; padding:0; line-height:120%; margin:8px 0;}      

             .section-menu a {text-decoration: none; font-weight:bold; color:#675ca8 !important}
             .section-menu a:hover {   text-decoration: underline; color:#e2e2e2 !important} 
           
     /* END SIDEBAR  ------------------------------*/  


     /* EXHIBITOR PAGE -------------------------*/
     
.exhibitorinfo ul {
    margin-bottom: 20px;
    margin-top:0px;
}
.exhibitorinfo p {margin-bottom:0;}
.exhibitorregform ul { margin-left:45px;
    margin-bottom:10px;
    list-style-type:disc;
}




    /*PHOTO TILES AT BOTTOM ----------------------*/
.tiles {clear:both; margin: 20px auto; width:88.235294117647058823529411764706%; max-width:900px;display:block; position:relative; }
    .tiles .tile { position:relative;   z-index:0; display:block; float:left; border:5px solid #2f2b4c; background-color:#2f2b4c; padding:0;/*padding:5px;*/ max-width:238px; width:26.444444444444444444444444444444% /*238px*/; height:auto;max-height:196px; margin-right: 8.333333333333333333333333333333%/*75px*/; margin-bottom:5px;}
    .tiles .last {margin:0;}    
    .tiles .tile .tile-img {z-index:0;}
           .tiles .tile .tile-img img {width:98%;z-index:0;border: 2px solid white; height:auto;}
           .tiles .tile .tile-spacer { width:0; display:none;/*width: 7.777777777777777777777777777778% max-width:70px; display:block; float:left; background:transparent;*/}
        /*.tiles .tile .wings { background: transparent url("../Images/wings.jpg") no-repeat center top; background-size:100%;}
        .tiles .tile .wildflowers {background: transparent url("../Images/wildflowers.jpg") no-repeat center top; background-size:100%;}
        .tiles .tile .featured {background: transparent url("../Images/featured.jpg") no-repeat center top; background-size:100%; }*/
        .tiles .tile .tile-label {z-index:2; position:relative; bottom:25px; margin-bottom:-25px; left:5px; height:auto; padding:0;font-size:1.5em; color:white; letter-spacing:.05em;  font-family: 'dream_orphanage_regular', Calibri, Arial, Helvetica, sans-serif;line-height:100%;  text-transform:uppercase;}
    .tiles a { text-decoration: none;}

    .tiles .tile  a:hover {cursor:pointer;}
    .tiles .tile  a:hover .tile-label{cursor:pointer;}    
    .tiles .tile  .tile-label:hover{cursor:pointer;} 
      .tiles .tile:hover{background-color:#f7c83d; border-color:#f7c83d; } 
    
footer {clear: both;background-color: #b0bb98;background-color: rgba(176,187,152, .7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b272558d, endColorstr=#b272558d);
        font-size: .8em;min-height: 100px;max-width:1020px; margin:0 auto;text-align:center;color:White; line-height:120%;}
    footer a {
        color: #1f345f;
        text-decoration: none;
    }
        footer a:hover {text-decoration: underline; color:#f7c83d;
        }
   footer .content-wrapper {
        padding: 10px 0px 10px 5.882352941176470588235294117647%;
       
    }  
   footer .footer-tile {
        padding:0;
        max-width: 180px;
        width: 18.75%; /* 180/960 */
        text-align: left;
        font-size:1.1em; line-height:120%;
        display:inline-block; margin-right:5.208333333333333333333333333333%; /*50*/
        vertical-align:top;
        margin-bottom:20px;
    }
   

/* site title
----------------------------------------------------------*/
.site-logo {background: transparent url("../Images/logo.png") no-repeat; margin:0 auto; width:535px;height:137px; 
}
    .site-logo p {
        display: none;
    }

.site-title {
    color: #3f1a44;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 1.5em; font-weight:bold;
    text-indent:0; text-align:center;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #3f1a44;
    outline: none;
    text-decoration: none;
}


/* login
----------------------------------------------------------*/
#login {    display: block;      font-size: .85em;    margin: 0; margin-top:5px;    text-align: right;}

    #login a {/*background-color: #d3dce0;*/ margin-left: 5px;margin-right: 10px;padding: 2px 3px;text-decoration: none; color:#333;}

    #login a.username {background: none; margin: 0;padding: 0;text-decoration: underline;}

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }





/* page elements
----------------------------------------------------------*/

/* page titles 
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}*/

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {position:relative;
    /*float: left;
    width: 70%;*/
}


.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {    border: none;    margin: 0;    padding: 0;}
    fieldset legend {        display: none;    }
    fieldset ol {        padding: 0;        list-style: none;    }
        fieldset ol li {            padding-bottom: 5px;        }
.form-indent { padding-left: 2em; border-left: 3px solid #ad8142; margin:1em 0 1em 1em;}
label {display: inline-block;    font-size: 1em;    font-weight: 600; vertical-align:top;}
label.checkbox {    display: inline;}
input, textarea {  border: 1px solid #e2e2e2;    background: #fff;    color: #333;    font-size: 1.1em;    margin: 4px 0 5px 0;    padding: 4px;    width: 200px;}
textarea {    font-family: inherit;    width: 500px;}
    input:focus, textarea:focus { border: 1px solid #7ac0da;    }
    input[type="checkbox"] {        background: transparent;        border: inherit;        width: auto;    }
    input[type="submit"],   input[type="button"], button  {  background-color: #B4E2EE;border: 1px solid #88b2c3; color:#1B6AA5; cursor: pointer;font-size: .9em;font-weight: 400;padding: 2px;margin-right: 10px;width: auto;    }
    td input[type="submit"], td input[type="button"],td button{        font-size: .9em;        padding: 2px;        margin-right: 4px;    }
input[type="radio"] {
    display: inline;
    margin: 0;
    padding: 0; width:25px;
}
.editor-line { clear: both;display:block; margin:10px 0;}
.editor-label, .editor-field {display:block;}
.editor-label{ float:left; width:150px;}
.editor-field{ float:left; text-wrap:normal; max-width:450px; }
.editor-block {display:block; width:95%; max-width:95%; float:none;}
.button { background-color: #d3dce0;border: 1px solid #787878;cursor: pointer;padding: 2px; display:inline-block; width:auto; text-decoration:none;}
    .button a {text-decoration:none;    }
.textbox2{width:2em;}
.textbox5{width:5em;}
.textbox10{width:10em;}
.textbox25 {width:25em;}
.textboxshort {padding: 1px; }
input[type="submit"].textbutton{background-color:transparent; border:none; cursor: pointer;text-decoration:underline;}



/* info and errors */
.message-info { border: 1px solid; clear: both; padding: 10px 20px;}
.message-error { clear: both; color: #7c150e;font-size: 1.1em; font-weight: bold; margin: 20px 0 10px 0;}
.message-success { color: #39696d;  font-size: 1.3em;  font-weight: bold;  margin: 20px 0 10px 0;}
.error { color: #e80c4d;}

/* styles for validation helpers */
.field-validation-error {  color: #e80c4d; }

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
    font-size:.9em;
}

th {
    font-size: 1.1em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
    padding-right:10px;
}

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
    }

    th a:hover {
        color: #000;
    }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}


/* general styles 
        --------------------------------------------------------*/
.clear {clear: both;}
.sponsorlevels {max-width: 960px;text-align: left; margin-bottom:20px;}
.sponsorlevels img {width: 12.5%; min-width: 50px;float:left;}
.sponsorleveltext {width:86.458333333333333333333333333333%; margin-left:12.5%;padding-left:1.041666666666666666666666666667%;}
.sponsorlevels h3 { padding: .2em;}
.sponsorlevels ul {list-style: disc; margin-left:20px;}


.sponsorcallout {line-height:1.2;text-align:center;}
.sponsorcallout img{margin:-20px 0;}

/* sponsor logos and list on sponsor page*/
.sponsors img {margin:5px 1px; max-height:200px; max-width:200px;}
.sponsors .sponsorbox{text-align:center; text-decoration:none;font-weight:bold; min-width:110px; display:inline-block; max-width:185px; font-size:1.4em; min-height:55px; }
.sponsors  .sponsorboxnolink {text-align:center; text-decoration:none;font-weight:bold; min-width:110px; display:inline-block; max-width:185px;  font-size:1.4em;min-height:55px;padding:20px; }
.sponsors .presentingsponsors img {margin:5px 1px; max-height:350px; max-width:350px;}
.sponsors .scrubjaysponsors img {margin:5px 1px; max-height:200px; max-width:225px;}
.sponsors .greenwingtealsponsors img {margin:5px 1px; max-height:175px; max-width:220px;}
.sponsors .goldenastorsponsors img {margin:5px 1px; max-height:150px; max-width:200px;}
.sponsors .monarchsponsors img {margin:5px 1px; max-height:110px; max-width:150px;}
.sidebar .sponsors .level {    text-align: center;}
.sidebar .sponsors .presentingsponsors img {margin:1px; max-height:200px; max-width:200px;}
.sidebar .sponsors .scrubjaysponsors img {margin:1px; max-height:100px; max-width:150px;}
.sidebar .sponsors .greenwingtealsponsors img {margin:1px; max-height:95px; max-width:125px;}
.sidebar .sponsors .goldenastorsponsors img {margin:1px; max-height:85px; max-width:100px;}
.sidebar .sponsors .monarchsponsors img {margin:1px; max-height:75px; max-width:90px;}

div.loding-photo{float:right; width:51.724137931034482758620689655172%; max-width:300px;  text-align:right; font-size:.85em; margin-left:1.041666666666666666666666666667%;
               margin-bottom:10px; position:relative;}
div.lodging-photo img{border: 1px solid #0199ae; width:100%; max-width:300px; height:auto;}


/* PRESENTERS and GUIDES  
    -----------------------------------------------------*/

div.bio-photo{float:right; width:25%; max-width:150px;  text-align:right; font-size:.85em; margin-left:1.041666666666666666666666666667%;
               margin-bottom:10px; position:relative;}
div.bio-photo img{border: 1px solid #0199ae; width:100%; max-width:150px; height:auto;}
.speakers div:nth-child(even) {clear:right;}
p.credentials { font-style: italic; line-height:110%; color: #5d1a63;}

div.speakerbox {background-color:#a9b688; float: left;  margin-right:2.083333333333333333333333333333%;  margin-left:0;  margin-top:10px; margin-bottom:4px; width: 45%; display: block; min-height:290px;}
    div.speakerbox h3 {color:#2f2b4c;background-color: transparent; margin: 0;padding: .2em; font-weight:bold; font-family:'epocaclassic-lightregular', Calibri,Arial,Helvetica,sans-serif; }
    div.speakerbox img {width: 100%; max-width:150px; height:auto;}
    div.speakerbox .bio-photo {float:left; width:23.148148148148148148148148148148%; max-width:100px; margin:0 5px 0 0;  margin-right:2.314814814814814814814814814815%; margin-left:0;}
    div.speakerbox p.credentials { font-style: italic; line-height:110%; color: #5d1a63;}


div.keynote { background-color: #a9b688;}
    div.keynote h3 { background-color: #675ca8; color: white; padding: .2em; text-transform:capitalize; font-weight:normal;}
    div.keynote h3 .name {font-size: 1.4em; display:block; text-transform:uppercase; font-weight:bold;}

    /*Details Pages */
.speakerdetails div.keynote {background-color:transparent;}
    .speakerdetails div.keynote h3 {margin-bottom:0; margin-top:10px; font-size: 1.3em;}

.speakerdetails .eventlist h3 {background-color: #890013;}

/* TABS
    -----------------------------------------------------*/

#tabs, #tabs ul, #tabs li {background-color: transparent; background-image:none;border:0;padding:0; margin:0; font-size:.9em; line-height:150%;}
#tabs li{line-height:100%;}
#tabs div.ui-tabs-panel{border:0;padding:0; margin:0; }
    #tabs .ui-corner-all, #tabs .ui-corner-top, 
    #tabs .ui-corner-left, #tabs .ui-corner-tl, 
    #tabs .ui-corner-br, #tabs .ui-corner-right,#tabs .ui-corner-tr,
    #tabs .ui-corner-bottom, #tabs .ui-corner-bl {border-top-left-radius:0;border-top-right-radius: 0px;border-bottom-left-radius: 0px; border-bottom-right-radius: 0;}
  
 #tabs li.tab-1, #tabs li.tab-2, #tabs li.tab-3,#tabs li.tab-0 {font-size:1.5em; text-transform:lowercase; color:white; font-family:georgia, Calibri, Arial, Helvetica, sans-serif;}
  #tabs li.tab-0{background-color:#758350;} 
   #tabs li.tab-1{background-color:#889566;} 
  #tabs li.tab-2{background-color:#9ea97f;}
  #tabs li.tab-3 {background-color:#b2bc96;}
 #tabs li.tab-1 a, #tabs li.tab-2 a, #tabs li.tab-3 a,#tabs li.tab-0 a {color:white;padding-left:1.4em; padding-right:1.4em; }
  #tabs li.tab-1 a:hover, #tabs li.tab-2 a:hover, #tabs li.tab-3 a:hover,#tabs li.tab-0 a:hover {color:#ffe25e; background-color:#788163; }
  #tabs li.ui-tabs-active{color:#a6dce1; background-color:#655c92;} /*3E1843*/
   #tabs li.ui-tabs-active a{color:#e7e4d9; }
   #tabs li.ui-tabs-active a:hover{color:#ffe25e; }
/* EVENTS AND ACTIVITIES 
    -----------------------------------------------------*/
.event-schedule {  margin-top: 20px;}
.event-item { padding: 5px;margin:5px 0;    background-color:#acb694;}
.event-title{margin: 0; padding:0; font-size:1.2em; color:#47405e;font-family: 'dream_orphanage_regular', Calibri, Arial, Helvetica, sans-serif; text-transform:capitalize;}
h4.event-title a{text-decoration:none; color:#47405e !important;}
h4.event-title a:hover{text-decoration:none; color:#ffe25e !important;}
 


.event-datetime{ margin-top: 0; padding-top: 0;color:#343d2f; font-style:italic; font-size:.9em;}
.event-registrationinfo{color:#4c6440; line-height:150%; font-size:.9em; margin-top:0;}
.event-cost{color:#990000; font-weight:bold; display:block; width:auto; float:right;}
.event-facilitatorname {color:#1b6a86;}
.event-item img{position:relative; margin-left:10px; float:right; max-height:150px; margin-top:0px; border:1px solid #0199ae;}
.event-item #tshirt2013blue, event-item #tshirt2013green,.event-item #tshirt2012 {}
.event-seats {color:#1b6a86;}
.event-item #tshirt2013blue img, .event-item #tshirt2013green img,  .event-item #tshirt2012 img, .event-item #tote2012 img,  .event-item #tote2013 img  {  position: relative;border:none; float:right; margin-left:5%; height:auto; margin-top:25px;}
div.event-tools{/*background-color: #e3f0ed;*/ padding:2px 0.862068965517241379310344827586% 2px 1.379310344827586206896551724138%; font-size:.85em; 
                text-transform:uppercase;  margin:4px 1.379310344827586206896551724138% 0 0px;color:#855b43; text-align:left;}
div.event-tools a{color:#855b43; margin:0 0.862068965517241379310344827586% 0 0; text-decoration:none;}
div.event-tools a.hiddenaddtocart{color:#e2eeeb; text-decoration:none;}

div.event-schedule .event-item:nth-child(odd)    { background-color:#ced5bd; }
div.event-schedule .event-item:nth-child(even)   { background-color:#acb694; }

    
.keynote_header { background-color: #675ca8; color: white; padding: .2em; text-transform:uppercase; font-weight:normal;margin:0; margin-bottom:-5px;
                  /*-webkit-box-shadow:  0px 5px 3px 0px rgba(0, 0, 0, .3);   box-shadow:  0px 5px 3px 0px rgba(0, 0, 0, .3); z-index:2;*/
}
.keynote_header + div.event-item {background-color:#eff5e1;}
.event_topper_purple {background-color:#1f345f; color: white; padding: .2em; text-transform:uppercase; font-weight:normal;margin:0; margin-bottom:-5px;
}

.speakereventlist{clear:both;}
.speakereventlist .event-item { background-color:transparent; }
.speakereventlist .event-title{color:#47405e;}
.speakereventlist .event-title a{color:#47405e;}
.speakereventlist .event-datetime{color:#343d2f}
.speakereventlist .event-tools {margin-top:0;}
.speakereventlist .event-datetime{margin:0; padding:0;}
.event-locationinfo{color:#4c6440;font-style:normal; margin:3px 0;}
.event-description{line-height:145%; display:block; /*margin-right:155px;*/}
.event-specialinstructions{font-weight:bold; color:#4c6440;}
/*div.event-schedule .event-item:first-child    { margin-top:0; }*/
.detailpage .event-datetime, .detailpage .event-facilitators, .detailpage .event-locationinfo{margin:0; padding:0;}


table.shoppingcart {width:90%; font-size:1em; color:black;}
table.shoppingcart td{background-color:#daf0f6;}
table.shoppingcart td, table.shoppingcart th{padding:5px;}
table.shoppingcart th{background-color:#60acb3; font-weight:bold;color:white; }
table.shoppingcart tr.footer td {background-color:#b69964;color:white; font-size:1.1em; font-weight:bold; }

table.receipt {width:90%; font-size:1em; color:black;}
table.receipt td{background-color:none;}
table.receipt td, table.receipt th{padding:5px;}
table.receipt th{background-color:none; border-bottom:1px dotted black; font-weight:bold;  color:black;}
table.receipt tr.footer td {background-color:none; border-top:1px dotted black; font-weight:bold;color:black;}

table.registrant_orders{width:100%;}
table.registrant_orders td,table.registrant_orders th{padding:3px;}
table.registrant_orders tr.header td, table.registrant_orders tr.header th {border-bottom:1px dotted black; font-weight:bold;  color:black; font-size:1.1em; background-color:#B4E2EE;}
 table.registrant_orders td.times{border:1px dotted #666; border-left-width:1px;border-right-width:1px; text-align:center;  }
    table.registrant_orders td.times td,
    table.registrant_orders td.times input{border:none;}

.upper {text-transform: uppercase;}
.darkpurple {color:#1f345f;}
.bold {font-weight:bold;}
.smaller {font-size:.8em;}
.hidden{display:none;}
.gray{color:#666;}
.cancelled td, .cancelled { text-decoration: line-through;}
a.pdf { background: url(/images/acro_small.gif) bottom right no-repeat; padding-right: 17px; }

.locations a { text-decoration: none;}

.locations .location {margin-bottom:10px; background-color:#daf0f6; padding:10px;}
    .locations .location a {
        text-decoration: underline;
    }
.map-number {border:1px solid #fff; background-color:#784e24; color:white; display:inline-block; width:20px; text-align:center;}

.photo-with-caption {width:50%; padding:1.666666666666666666666666666667%; float:right; font-size:0.75em; line-height:120%; color:#666; text-align:left;}
    .photo-with-caption img {width: 100%;        height: auto;        max-width: 300px;  border:1px solid #333;   }




.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #AAA;
    opacity: .8;
    filter: Alpha(Opacity=30);
}



#ModalDialog {    background-color: white;}
/*POP UP DIALOG STYLES*/
.ui-dialog-titlebar{background-image:none;}

/*Remove rounded corners because they don't match our 'look'*/
    /* Corner radius */
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {border-top-left-radius: 0px/*{cornerRadius}*/;}
 .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {	border-top-right-radius: 0px/*{cornerRadius}*/;}
 .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {	border-bottom-left-radius: 0px/*{cornerRadius}*/;}
 .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {	border-bottom-right-radius:0px/*{cornerRadius}*/;}

 .ui-widget-header {
	border: 1px solid #1B6A86;
	background-image:  none;
	background-color: #A8DAE5;
    color: #1B6A86;
	font-weight: bold;
}
.ui-widget-header a {
	color: #1B6A86;
}

#notify {color:#2f2b4c;font-weight:bold;}

.floatleft {float:left;}
 .floatright {float:right;} 

.check {margin-right:.5em;}


/* MEDIA QUERIES
----------------------------------------------------------
THESE ARE READ IN ORDER
320  For small screen devices, like phones, held in portrait mode.
480  For small screen devices, like phones, held in landscape mode.
600  Smaller tablets, like the Amazon Kindle (600×800) and Barnes & Noble Nook (600×1024), held in portrait mode.
768  Ten-inch tablets like the iPad (768×1024) held in portrait mode.
1024  Tablets like the iPad (1024×768) held in landscape mode, as well as certain laptop, netbook, and desktop displays.
1200  For widescreen displays, primarily laptop and desktop browsers.
*/
/********************
*   Mobile Styles   *
********************/

/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 600px), screen and (max-device-width: 480px) 
{
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
}


@media screen and (min-width:1024px) {
    /*body {background-size:198.03921568627450980392156862745%;}*/
   /*body {background-size:115%;}*/
}/*/mediaquery*/

@media screen and (min-width:1020px) {
    /*body {background-size:198.03921568627450980392156862745%;}*/
   /*body {background-size:115%;}*/
  
}/*/mediaquery*/

@media screen and (max-width: 975px) 
{

}/*/mediaquery*/
 @media screen and (max-width: 935px) 
{

}/*/mediaquery*/


@media screen and (max-width:966px) {
     .speakerbox {width: 100%; float:none;}

}/*/mediaquery*/

@media only screen and (max-width: 850px) {
     header .tagline-bar {width:100%;margin:inherit 0; box-shadow:none; }         
    .editor-label, .editor-field {display:block;}       
    /* header
    ----------------------------------------------------------*/
    header .float-left, header .float-right {     float: none;}
    /* logo */
    header .site-title {margin: 5px;text-align: center;}
  /* login */
    #login { font-size: .85em;     margin: 0 0 12px;  text-align: center; text-align:center; float:none;  }
        #login ul {   padding: 0; }
        #login li {   display: inline;   list-style: none;  margin: 0; padding: 0;     }
         #login a {  background: none;color: #666; font-weight: 600; padding: 0;}
        #login a:hover {color: #333;}
   /* menu */
    nav {margin-bottom: 5px;}
    ul#menu {margin: 0; padding: 0;  text-align: center;}
    
        ul#menu li {margin: 0;padding: 0;}
        ul#menu li:hover {  }
   
    

 

    /* ordered list */
    ol.round {list-style-type: none;padding-left: 0;}
        ol.round li {padding-left: 10px;margin: 25px 0;}
       ol.round li.zero,ol.round li.one,   ol.round li.two,  ol.round li.three,  ol.round li.four, ol.round li.five,  ol.round li.six,     ol.round li.seven,   ol.round li.eight, ol.round li.nine {background: none;}

     /* features */
     section.feature {float: none; padding: 10px;width: auto; }
        section.feature img {color: #999;content: attr(alt);font-size: 1.5em;font-weight: 600;}

    /* forms */
    input {width: 90%;}

    /* login page */
    #loginForm { border-right: none;float: none;width: auto;}

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {     margin-left: 0;  float: none; width: auto; }
    /* footer
    ----------------------------------------------------------*/
    footer .float-left, footer .float-right {  float: none; }
    footer {text-align: center;height: auto; padding: 10px 0;}
    footer p {margin: 0; }

}


@media screen and (max-width:800px)
{
   
     .sidebar .emailsignip {text-align:center; }
    .sidebar input.sidebarinput { width:90%;}
     .sidebar input.sidebarsubmit {display:block; width:100%; margin:1px auto; text-align:center;}
    .sidebar .countdown .block {height: 20px;-webkit-box-shadow:none;box-shadow:none;}
    .sidebar .countdown .block span {font-size: 1em;padding:2px 0px;} 
    .count_n, .count_d, .count_h, .count_m  { width: 28px;  }
    .iframe-home-fb{float:none;width:98%; margin:0 auto;}
  
     .tiles .tile {margin-right: 5.3333333333333333333333333333333%/*48px*/; border:4px solid #88b2c3;}
    
}/*/mediaquery*/


@media screen and (max-width:768px)
{ 
    .main-content {
        margin-left: 2.941176470588235294117647058824%; /*30px*/
        width:60%;
    }
    header .tagline-bar {font-size:1.2em; letter-spacing:0; padding:2px 0;}
   
  
   
  

} /*/mediaquery*/

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
{
    
    
    
}/*/mediaquery*/


 
@media screen and (max-width:600px) 
{
      /* main layout
    ----------------------------------------------------------*/
    .lt-ie9 nav {
       width:75%; margin:5px auto;height:40px;  clear:both; margin-top:0; 
    }
 nav {width:75%; margin:5px auto;height:40px;  clear:both; margin-top:0; }
    ul#menu {   font-size: 1.1em;  height:40px;  }   
    ul#menu li {height:20px;}
        ul#menu li a {}
        ul#menu li:hover {background: none; }
         ul#menu li:hover ul li{display:none; } /*TIER 2 & 3 */
           

      header .rotator { margin-top:40px;}
      header #rotator {margin-top:20px;}
    .main-content{float: none;width:auto; margin:0;max-width:100%; padding:3px .5%;}  
    section .content-wrapper {
        padding-right: 1.176470588235294117647058823529%; /*10px*/
        padding-left: 1.176470588235294117647058823529%; /*10px*/
    }
    #body {margin: 0; width:auto; }
    /*.main-content article, .main-content .textblock, .main-content h1 {
        margin: auto 1%;
    }*/


      /* page content */

    .site-logo {background-size:95%;  width:95%;}
    header .tagline-bar {font-size:1.2em; letter-spacing:0; padding:1px 0;}
    header .tagline-bar .festival-dates {display: block; margin-top:.1em;}  
    .sponsorlevels img {display: none; }
    .sponsorleveltext { padding-left:0;  margin-left: 0;  width:100%;  }
    div.speakerbox { float: none;  width:100%; margin:inherit 0;clear:both;}
    div.speakerbox h3 { font-size:1em;}
    div.keynote h3 .name { display: inline;}  

    iframe { max-width: 460px;  width:100%;}
    .iframe-home{ margin-left: 5px;float:none;}
    .iframe-home-fb{margin-left:5px; float:none;width:98%;}
   
     .sidebar {background-image:url("../Images/sidebar_line_small_rotated.png");  background-position:top left; background-repeat:repeat-x; width:100%; max-width:100%; /*background-color:#c0dde9;*/margin:0; min-height:130px; height:auto; }
            .sidebar .sidebar-topper-image { background-image:url("../Images/dragonfly_small_rotated.png");background-position:top right;background-repeat:no-repeat; min-height:75px; z-index:0; }  
             .sidebar .content-wrapper { width: 100%;margin:0; padding:0;  margin-top:45px; max-width:none;  }   
           .sidebar .seperator {display: none; } 
           .sidebar .eventphotos-mobile,  .sidebar .countdown, .sidebar .emailsignup, .sidebar .socialmedia{vertical-align:middle;display:inline-block; width:24%; min-height:120px; margin:0 .8%;}
           .sidebar .eventphotos-mobile {    width: 15%;}
            .sidebar .socialmedia {width:21%; }
            .sidebar .eventphotos,  .sidebar .merchandise, .sidebar .volunteer{display: none;}
            .sidebar .eventphotos-mobile{display:inline-block; font-size:1.5em;}
            .sidebar .clear {height:2px; }
            .count_n, .count_d, .count_h, .count_m  { width: 25px;  }


    .tiles {margin: 5px 0px 0px 5px; width:98%;}
      .tiles .tile {margin-right: 7.75%;border:3px solid #88b2c3;}    
    .tiles .last {margin:0;}    
 
        footer .content-wrapper {
        padding-left: 1.176470588235294117647058823529%; /*10px*/
        font-size:.90em;        
       
    }  

}/*/mediaquery*/

@media screen and (max-width:520px)
{
   header #rotator .rslides{font-size:smaller; line-height:120%;}
    nav {width:85%; margin:5px auto;  }
     .sidebar .merchandise-mobile,  .sidebar .eventphotos-mobile, .sidebar .countdown, .sidebar .emailsignup, .sidebar .socialmedia {vertical-align: middle;  display: inline-block;  width: 40%; min-height: 130px;  margin: 0 2%;  }
    .sidebar .socialmedia a {text-align: center; background: transparent url("../Images/facebook.png") center top no-repeat; padding:0; background-size:50px; padding-top:55px; height:40px; vertical-align:top; display:block;}  
    .sidebar input.sidebarsubmit {width:50%;}
}/*/mediaquery*/


@media screen and (max-width:480px) {
    
    .tiles {margin: 5px auto;width: 90%;text-align: center;   }
        .tiles .tile {  margin: 3px auto;        float: none;width: 90%;}
    nav {  width:85%;  margin: 5px auto; }
    .lt-ie9 nav, .lt-ie9 nav ul#menu{width: 100%; height:40px;}
    footer .content-wrapper{width:85%; margin-left:auto; margin-right:auto;}
    footer .footer-tile { width: 40%;  text-align:center;   margin-bottom:5px;}
    .site-logo { height: 120px;  }
    .sponsors{margin-top:25px;}
     .sidebar .merchandise-mobile, .sidebar .eventphotos-mobile, .sidebar .countdown, .sidebar .emailsignup, .sidebar .socialmedia-mobile {width: 95%;min-height: 100px; }
        .sidebar .eventphotos-mobile {min-height:40px;}
        .sidebar .socialmedia-mobile{display:block; text-align:center; min-height: 60px; margin:0;padding:0;}
        .sidebar .socialmedia{display:none;}
        .sidebar input.sidebarsubmit {width:50%;}
        
     
}/*/mediaquery*/



@media screen and (max-width:450px), screen and (max-width:350px), screen and (max-width:320px)
{
    .sidebar {max-width:95%; /*display:none;*/}
    header{max-width:100%;}
     header  #rotator {     display: none; }   
    .floatleft {float:none; width:90%;}
    .floatleft img{max-width:100%;}
    .iframe-home {  width: 95%; margin:0; float:none;     }
    iframe-home-fb { width: 95%; margin: 0; float:none;  }
       .count_n, .count_d, .count_h, .count_m  { width: 20px;  }
        .site-logo {height: 100px; }
    nav {
        height: 100px;
    }
     .lt-ie9 nav, .lt-ie9 nav ul#menu{width: 100%; height:80px;}
    footer .content-wrapper{width:85%; margin-left:auto; margin-right:auto;}
    footer .footer-tile {   width: 90%;  text-align:center;  margin:5px auto;display:block; }
}/*/mediaquery*/



@media screen and (max-width:350px) 
{
       header{max-width:99%;}
     .site-logo {height: 75px; }
           footer {max-width:99%;}
            footer .content-wrapper{width:85%; margin:0 auto; }
            footer .footer-tile { width: 60%;  text-align:center;   margin-bottom:5px;}      
    

}/*/mediaquery*/

