/*
*/


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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}

body {
    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #D5D3CE;
    text-align: center;
    font-size: 62.5%;
    line-height: 1.4;
}


a {
    color: #004A8B;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}
a:hover {
    color: #999999;
}

a img {
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold; color: #999999;
}
h1 { font-size: 260%; line-height: 30px; margin-top: 20px;}
h2 { font-size: 180%; margin: 0 0 5px 0;}
h3 { font-size: 150%; }
h4 { font-size: 120%; }
h5 { font-size: 160%;
	padding-left: 3px;
	  
	  background-image: url(../i/longboard/bg.png);
	  color: #fff; 
	  }


h6 { font-size: 180%; }

h1 a, h2 a, h3 a, h4 a { color: #999999; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #004A8B; }

h1 span.error {
    color: #004A8B;
}

hr.bold, div.bold,
hr.thin, div.thin,
hr.light, div.light,
hr.dotted, div.dotted {
    height: 6px;
    font-size: 0;
    overflow: hidden;
    border: none;
    background-color: #999999;
    color: #999999;
    margin: 10px 0;
    display: block;
}
hr.thin, div.thin {
    height: 3px;
    margin-top: 5px;
}
hr.light, div.light {
    height: 2px;
    margin: 5px 0;
    color: #eee;
    background-color: #eee;
}

hr.dotted, div.dotted {
    border-bottom: 1px dotted #666;
    height: 0px;
    font-size: 0;
    background-color: transparent;
    clear: both;
}

p {
    margin: 0 0 15px 0;
    font-size: 110%;
    color: #222;
}

p.large {
    font-size: 120%;
}

label {
    display: block;
    font-weight: bold;
    font-size: 140%;
    padding-left: 8px;
}

input {
    font-size: 120%;
    padding: 3px;
/*  border: 5px solid #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
*/}

span.input-wrapper {
    padding: 5px;
    margin-right: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #eee;
    display: inline-block;
}

.input-wrapper input,
.input-wrapper textarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 3px;
}

.input-wrapper input:focus,
.input-wrapper textarea:focus {
    border-color: #666;
}

#login-pane .input-wrapper {
    background-color: #444;
}

button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #004A8B;
    border: 1px solid #777;
    font-weight: normal;
    font-size: 150%;
    color: #fff;
    padding: 5px 15px;
    font-family: Helvetica, Arial, sans-serif;
}

#login-pane button {
    font-size: 120%;
}

button:hover  { background-color: #999999; }
button:active { background-color: #222; }

blockquote {
    margin: 0 20px 0 40px;
}

blockquote,
.teaser {
    font-size: 140%;
    line-height: 1.3;
    margin-right: 50px;
}

.teaser,
blockquote p {
    color: #004A8B;
    font-weight: bold;
}

.teaser a:link,
.teaser a:visited {
    text-decoration: underline;
}
.teaser a:hover,
.teaser a:active {
    text-decoration: none;
}

ul.bulleted {
    font-size: 110%;
    padding: 0 0 0 2em;
    list-style-type: disc;
    margin: 1em 0;
}

ul.bulleted li {
    margin: 3px 0;
}

.alternate {
    display: none;
}

.margins {
    margin: 5px 10px;
}

.no-margins {
    margin: 0;
}

.r-m {
    margin-right: 10px;
    overflow: visible;
}

.compact {
    margin: 10px 0;
}

.listing .margins {
    margin: 10px;
}

.container {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

.grid_1, .grid_2, .grid_3, .grid_33, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20,
.grid12_2 {
    margin: 0 5px;
    float: left;
    display: inline;
/*  background-color: #f3f;*/
}
.grid_1 { width: 40px; }
.grid_2 { width: 90px; }
.grid_3 { width: 140px; }
.grid_33 { width: 150px; }
.grid_4 { width: 190px; }
.grid_5 { width: 240px; }
.grid_6 { width: 290px; }
.grid_7 { width: 340px; }
.grid_8 { width: 390px; }
.grid_9 { width: 440px; }
.grid_10 { width: 490px; }
.grid_11 { width: 540px; }
.grid_12 { width: 590px; }
.grid_13 { width: 640px; }
.grid_14 { width: 690px;}
.grid_15 { width: 740px;}
.grid_16 { width: 790px;}
.grid_17 { width: 840px;}
.grid_18 { width: 890px;}
.grid_19 { width: 940px;}
.grid_20 { width: 990px;}


/* note that the grid12_2 class can only be used as a direct child of a .container,
   and that alpha and omega classes are required or things break */
.grid12_2 {
    width: 150px;
    margin: 0 9px;
}
.grid12_2.alpha { margin-left: 5px; }
.grid12_2.omega { margin-right: 5px; }

.alpha { margin-left: 0; clear: left;}
.omega { margin-right: 0; }

.prefix_1 { padding-left: 50px; }
.prefix_2 { padding-left: 100px; }
.prefix_4 { padding-left: 200px; }
.suffix_1 { padding-right: 50px; }
.suffix_2 { padding-right: 100px; }

.cleared {
    clear: left;
}

/*.punch-left { margin-left: -5px; }
.grid_5.punch-left { width: 245px; }*/

.shadowh {
    height: 10px;
    background: #fff url(../i/shadows/horizontal.gif) 0 0 no-repeat;
    margin: 0;
    margin-bottom: 0px;
}
.shadowh.left {
    background-position: 0 0;
}

.shadow {
    margin-right: 0;
}

.shadow-inner {
}

.shadow .inner {
    margin-right: 10px;
}

.shadow-container .rt,
.shadow-container .rb,
.shadow-container .lb,
.shadow-container .b {
    background-image: url(../i/shadows/corners-sprite.gif);
    background-color: #fff;
    background-repeat: no-repeat;
    overflow: hidden;
    font-size: 0;
}


.shadow-container .rt {
    background-position: 0 0;
    float: left;
    display: inline;
    width: 5px;
    height: 8px;
}

.shadow-container .rb {
    background-position: -13px 0;
    width: 7px;
    height: 6px;
    float: right;
    display: inline;
}

.shadow-container .lb {
    background-position: -6px 0;
    width: 9px;
    height: 6px;
    float: left;    
    display: inline;
}

.shadow-container .b {
    height: 6px;
    background-position: 0 -8px;
    clear: both;
    margin-left: 5px;
    background-repeat: repeat-x;
}

.shadow-container {
    background: url(../i/shadows/right.gif) right top repeat-y;
    float: left;
    display: inline;
    margin: 0 0 5px 0;
}

.shadow-container2 {
    
    float: right;
    display: inline;
    margin: 0 0 5px 0;
}

.profile-image {
    border: 2px solid #666;
    display: block;
}

.travel-container .menu a,
.arr {
    background: url(../i/longboard/blue-arrow-right.gif) 0px 3px no-repeat;
    padding-left: 10px;
 

}

.listings .description .arr,
.gear-top-links .arr {
    background-position: 0px 6px;
}

p.arr {
    background-position: 0px 6px;
}

.arr.black {
    color: black;
    font-weight: normal;
    background-image: url(../i/black-arrow-right.gif);          
}
.arr.black:hover {
    text-decoration: underline;
}

.arr.white {
    color: white;
    font-weight: normal;
    background-image: url(../i/white-arrow.png);                
}
.arr.white:hover {
    text-decoration: underline;
}


.policead {
    background: #000;
    display: block;
    padding: 5px;
}



.boxed {
    background-color: #999999;
    color: #fff;
    margin: 0;
    padding: 29px 10px 5px;
    font-size: 160%;
    text-shadow: #000 1px 1px 3px;
}

a.rss-icon {
    width: 14px;
    height: 0px;
    padding-top: 14px;
    overflow: hidden;
    display: block;
    background: url(../i/rss-icon.gif) left top no-repeat;
}

.advertisement {
    background-color: #edecea;
    text-align: center;
    padding: 20px 0;
}

.advertisement-small {
    text-align: center;
/*  margin: 0;*/
/*  display: inline;*/
}

.advertisement-small img {
    width: 125px;
    height: 125px;
    display: inline;
    margin: 0 8px 3px;
    background-color: #eee;
}

ul.topics {
    margin: 5px 0;
    font-size: 110%;
}

ul.topics li {
    margin: 5px 0;
}

ul.topics a {
    color: #222;
    padding: 3px 0 3px 18px;
    background: url(../i/speech-bubble.gif) 0px 4px no-repeat;
}

ul.topics a:hover {
    text-decoration: underline;
}

a.scroll-up, a.scroll-down,
a.scroll-left, a.scroll-right {
    display: block;
    width: 18px;
    padding-top: 19px;
    height: 0px;
    overflow: hidden;
    background: url(../i/scrollers-vertical.gif) left top no-repeat;
    margin: 1px auto;
}

a.scroll-up { background-position: 0 0; margin-bottom: 1px; }
a.scroll-down { background-position: 0 -19px; }
a.scroll-up:hover, a.scroll-up.disabled { background-position: -18px 0; }
a.scroll-down:hover, a.scroll-down.disabled { background-position: -18px -19px; }

a.scroll-left, a.scroll-right {
    background-image: url(../i/scrollers-horizontal.gif);
    width: 19px;
    padding-top: 18px;
    float: left;
    display: inline;
    margin: 0 1px;
}

a.scroll-left { background-position: 0 0; margin-bottom: 1px; }
a.scroll-right { background-position: -19px 0; }
a.scroll-left:hover, a.scroll-left.disabled { background-position: 0 -18px; }
a.scroll-right:hover, a.scroll-right.disabled { background-position: -19px -18px; }


.homepage-image-box {
    position: relative;
    padding-top: 265px;
}
.homepage-image-box .image-wrap div.image {
    position: absolute;
    top: 56px;
    left: 0;
    height: 400px;
    overflow: hidden;
    width: 480px;
}
.homepage-image-box h2.boxed {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 230px;
    height: 56px;
}
.homepage-image-box h2.boxed span {
    position: absolute;
    bottom: 5px;
    left: 10px;
}

.homepage-image-box .view-all {
    margin: 0;
}

.left-right {
    line-height: 20px;
    color: #666;
}
.left-right.homepage .scroll-left,
.left-right.homepage .scroll-right {
    display: none;
}

.left-right .label {
    padding-left: 4px;
}

.with-overlay {
    position: relative;
}
.with-overlay a {
    display: block;
}

.overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
}

.enlarge-overlay{
    padding-top: 170px;
    height: 0;
    top: 0;
    overflow: hidden;
    width: 65px;
    background: url(../i/enlarge.png) -65px 0 no-repeat;
}

.play-overlay {
    padding-top: 170px;
    height: 0;
    top: 0;
    overflow: hidden;
    width: 42px;
    background: url(../i/enlarge.png) -45px 0 no-repeat;
}


.read-overlay {
    padding-top: 170px;
    height: 0;
    top: 0;
    overflow: hidden;
    width: 65px;
    background: url(../i/read.png) -65px 0 no-repeat;
}

.with-overlay a:hover .enlarge-overlay,
.with-overlay a:hover .read-overlay,
.with-overlay a:hover .play-overlay {
    background-position: 0 0;
}

.play-overlay {
    background-image: url(../i/play.png);
}



.errorlist {
    color: #d00;
    font-weight: bold;
    font-size: 140%;
    padding-left: 8px;
}

.meta {
    color: #666;
}

.blogger {
    background-color: #eee;
    margin: 10px 0;
    padding: 0 0 5px;
}
.blogger img {
    display: block;
}

.blogger .sponsor {
    margin: 5px 5px 0;
}

.blogger h2 {
    padding: 10px 10px 0;
    font-size: 140%;
}

.blogger .thin {
    margin-top: 5px;
}

.blogger h3 {
    margin: 10px 10px 0px;
    font-size: 130%;
}

.blogger h4 {
    margin: 10px 10px 5px;
    color: #999;
}

.blogger p {
    margin: 0px 10px 5px;
    font-size: 110%;
}

.post-in-list {
    
}
.post-in-list h3 {
    font-size: 200%;
    line-height: 23px;
    margin: 10px 0;
}
.post-in-list .byline {
    font-size: 130%;
    margin: -10px 0 10px 0;
}
.post-in-list .meta {
    font-size: 100%;
}
.post-in-list .omega p {
    margin-right: 10px;
}

.inline-image {
    margin: 0 -10px 3px 10px;
   
}

.inline-image img.bordered {
    display: block;
}

.first-article p {
    font-size: 130%;
}

.paginator {
    height: 42px;
    clear: both;
    position: relative;
    top: -10px;
/*  margin-top: -10px;*/
    margin-left: 15px;
/*  width: 100%;*/
	
}

.paginator-inner {
    float: right;   
}

.paginator .page-button {
    float: left;
    display: inline;
    margin: 0 10px 10px 0;
    width: 140px;
    height: 36px;
    padding: 0 6px 6px 0;
    color: #fff;
    line-height: 36px;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
    background: url(../i/page-buttons.gif) 0 0 no-repeat;
}

.paginator .page-button:hover {
    background-position: 0 -42px;
}

.paginator .page-button.inactive,
.paginator .page-button.inactive:hover {
    background-position: 0 -84px;
}

.comment-link {
    background: url(../i/speech-bubble.gif) left 2px no-repeat;
    padding-left: 18px;
  
}

.meta .comment-link {
    float: right;
    margin: 0px 0 0 30px;
    background-image: url(../i/speech-bubble-blue.png);
    color: #004A8B;
}
.meta .comment-link:hover {
    color: #999999;
}

.comment {
    margin: 10px 0;
}

.comment .profile-image,
img.bordered,
.inline-image.bordered,
img.post-thumbnail {
    border: 7px solid #eee;
}

.comment h3 {
    font-size: 120%;
    margin: 5px 0 0;
}

.comment #id_comment {
    width: 97%;
    padding: 1%;
}

.clickable {
    cursor: pointer;
}

.unclickable {
    cursor: default;
}

#wrapper {
    background: url(../i/body-background.gif) center top repeat-y
}

#wrapper2 {
    background: url(../i/longboard/content-bottom-bg-trimmed.png) center bottom repeat-x;
    padding-bottom: 50px;
}

#header {
    height: 192px;
    background-color: #999999;
}
#header .top-links {
    height: 35px;
    width: 984px;
    margin: 0 auto;
}
#header .top-links a {
    float: right;
    height: 30px;
    line-height: 30px;
    width: 114px;
    margin: 10px 2px 0 2px;
    color: #666;
    /*background: transparent url(../i/top-button.png) left top no-repeat;*/
}
#header .top-links a:hover {
    color: #fff;
}

#logo {
    float: left;
    display: inline;
}

#logo a {
    display: block;
    margin: 40px 0 0 0;
    padding: 66px 0 0 0;
    height: 0;
    overflow: hidden;
    width: 207px;
    background: url(../i/longboard/surf-logo.png) left top no-repeat;
}

#header-banner {


    float: left;
    display: inline;
    padding: 0 10px 21px 0px ;
    height: 120px;
    width: 1088px;
    background: url(../i/longboard/banner-shadow.png) left top no-repeat;
}

#nav-bar {
    background: url(../i/longboard/main-nav.png) center top no-repeat;
    height: 138px;
    overflow: visible;
}

#nav {
    float: left;
    width: 495px;
    height: 48px;
}

#nav li {
    float: left;
    display: inline;
}
#nav a {
    display: block;
    padding: 0px 13px;
    margin: 8px 0;
    border-right: 1px solid #728687;
    background-color: #004A8B;
    font-size: 130%;
    line-height: 30px;
/*  font-weight: bold;*/
    color: white;
}

#nav .first a {
    padding-left: 5px;
}

#nav .last a {
    border-right: none;
}
#nav a:hover {
    color: #0A3D51;
    text-shadow: #004A8B 1px 1px 2px;
}


#box-nav {
    height: 129px;
    width: 500px;
    float: right;
    margin: 0 5px 0 0;
    overflow: visible;
   
}




#box-nav .reports {
	background: #06537a url(../i/longboard/box-nav-bg-reports.png) left top no-repeat;
	
	
}

#box-nav .long {
	background: #06537a url(../i/longboard/box-nav-bg-long.png) left top no-repeat;
	
}

#box-nav .swell {
	background: #06537a url(../i/longboard/box-nav-bg-swell.png) left top no-repeat;
	
}




#box-nav .reports a:hover {
    background: #06537a url(../i/longboard/box-nav-bg-reports.png) left -129px repeat-x;
    height: 129px;
}



#box-nav .long a:hover {
	background: #06537a url(../i/longboard/box-nav-bg-long.png) left -129px repeat-x;
	
}

#box-nav .swell a:hover {
	background: #06537a url(../i/longboard/box-nav-bg-swell.png) left -129px repeat-x;
	
}



#box-nav li {
    float: left;
    width: 167px;
    height: 129px;
    position: relative;
    z-index: 30000;
}
#box-nav li.last {
    width: 166px;
}
#box-nav li a.main {
    display: block;
    margin-right: 1px;
    color: white;
    z-index: 40000;
    position: absolute;
}
#box-nav li a.main div {
    width: 167px;
    height: 129px;
}
#box-nav li.has-sub a.main div {
    background: url(../i/white-arrow-down.png) 15px 105px no-repeat;
}
/*#box-nav li.hovered a.main,*/









#box-nav li.has-sub.hovered a.main {
    background: url(../i/longboard/box-nav-bg-swell.png) left -129px repeat-x;  
    height: 160px;
    z-index: 40000;
}



#box-nav .last a.main {
    margin-right: 0;
}
#box-nav a.main h2  {
    display: block;
    font-size: 180%;
    padding: 13px 15px 0;
    font-weight: normal;
    color: #000;
}
#box-nav a.main p {
    display: block;
    font-size: 110%;
    padding: 10px 15px;
    line-height: 1.4;
    font-weight: normal;
    color: #000;
}

#box-nav .box-nav-dropdown {
    background: #999999;
    position: absolute;
    top: 134px;
    z-index: 30000;
    margin: 0;
    width: 300px;
    line-height: 24px;
    color: #fff;
    display: none;
    padding-bottom: 1em;
}
#box-nav .box-nav-dropdown .padder {
    padding-left: 5px;
}
#box-nav .box-nav-dropdown.ski-areas {
    right: -5px;
}
#box-nav .box-nav-dropdown.forecasts {
    right: -171px;
}
#box-nav .box-nav-dropdown.snow-reports {
    right: -337px;
}
#box-nav .box-nav-dropdown a,
#box-nav .box-nav-dropdown h3 {
    color: #fff;
    font-weight: normal;
}
#box-nav .box-nav-dropdown h3 {
    font-size: 150%;
    line-height: 2em;
}
#box-nav .box-nav-dropdown .top {
    background: #162c39;
    font-size: 150%;
    line-height: 2em;
}
#box-nav .box-nav-dropdown .top a {
    display: block;
    padding-left: 25px;
    background: url(../i/white-arrow-right.png) 10px center no-repeat;
}
#box-nav .box-nav-dropdown .top a:hover {
    background: #004A8B;
}
#box-nav .box-nav-dropdown .titles {
    background: #13303f;
}

#box-nav .box-nav-dropdown a.all-snow-reports {
    height: 42px;
    margin-top: 2em;
    margin-bottom: 2em;
    background: transparent url(../i/all-snow-reports.png) 0px center no-repeat;
    text-indent: -5000px;
}

#box-nav .box-nav-dropdown ul {
    margin-top: 1em;
    margin-bottom: 1em;
}
#box-nav .box-nav-dropdown ul li {
    width: 145px;
    float: left;
    height: auto;
}
#box-nav .box-nav-dropdown ul li a {
    display: block;
    background: transparent url(../i/box-nav-sub-bg.png) 0px center no-repeat;
    height: 24px;
    width: 140px;
    margin: 2px auto;
    padding: 0 0 0 5px;
}
#box-nav .box-nav-dropdown ul li a:hover {
    background-image: url(../i/box-nav-sub-bg-rollover.png);
}
#user-panel {
    float: left;
    display: inline;
    width: 495px;
    margin: 0 0 0 0;
    background-color: #fff;
    height: 81px;
}
#user-panel .inner {
    margin: 10px 5px;
    background-color: #f00;
}

#user-panel p {
    margin: 0 0 15px 0;
    color: #555;
}

#user-panel .links {
    font-size: 120%;
    border-left: 1px dotted #ccc;
    margin-left: 0;
    padding-left: 10px;
    width: 170px;
}

#user-panel .links ul {
    margin: 5px 0;
}
#user-panel .links li {
    margin: 2px 0;
/*  font-weight: bold;*/
}
#user-panel .links a {
}

#login-pane-placeholder {
}
#login-pane {
    display: none;
    clear: both;
    position: relative;
    top: -9px;
    z-index: 50;
}

#login-pane .grid_20 {
    background-color: #999999;
    padding: 10px 0;
}

#login-pane form {
    margin-left: 5px;
}

#login-pane p {
    margin: 3px 0;
}

#login-pane label {
    display: inline;
    padding: 0 10px;
    color: #fff;
}

#login-pane .grid_4 {
    font-size: 120%;
    border-left: 1px dotted #666;
    padding: 2px 0 2px 8px;
}

#main-content {
    background-color: white;
    position: relative;
}

#content-footer-wrap {
    background: #999999;
}
#content-footer {
    clear: both;
    margin: 0 auto;
}

#content-footer .listing {
    background-color: #fcfcfc;
    color: #999999;
    height: 290px;
    position: relative;
    margin-top: 4em;
    margin-bottom: 4em;
}

#content-footer .boxed {
    padding: 10px;
    color: #999999;
    text-shadow: none;
    background: url(../i/longboard/listing-chunk.gif) right bottom no-repeat;
    
}
#content-footer .listing .arr {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
}
#content-footer .listing div.img {
    text-align: center;
    height: 98px;
}
#content-footer .listing div.img img {
    margin: auto;
}
#content-footer h4 {
    font-size: 140%;
    margin: 10px 0 5px 0;
    padding: 0;
}

#content-footer p {
    margin: 5px 0;
    font-size: 110%;
}


#content-footer div.ad p,
#content-footer div.ad a,
#content-footer div.ad a:hover,
#content-footer div.ad h4 {
    color: #fff;
}
#content-footer div.ad,
#content-footer div.image {
    height: 150px;
    margin-bottom: 5em;
    margin-top: 5em;
}
#content-footer div.image {
    background: #fff;
}
#content-footer div.image img,
#content-footer div.image iframe,
#content-footer div.ad iframe {
    display: block;
    margin: 12px auto;
}





#footer-wrapper {
    background-color: #fcfcfc;
    margin: 0;
    padding: 10px 1px 1px;
}

#footer-small-print {
    margin: 10px 5px 0;
    line-height: 19px;
}

#footer-small-print p {
    color: #666;    
}

#footer-nav {
    float: right;
    display: inline;
}

#footer-nav li {
    float: left;
    display: inline;
}

#footer-nav li a {
    display: block;
    width: 80px;
    text-align: center;
    margin: 0 10px;
    line-height: 19px;
    height: 19px;
    color: #888;
    font-size: 120%;
    background: url(../i/footer-nav-over.gif) 50% -19px no-repeat;
}

#footer-nav li a:hover,
#footer-nav li a.selected {
    background-position: 50% top;
    color: #fff;
}

#footer-wrapper .rss-icon {
    float: right;
    display: inline;
}

#footer-wrapper .mega {
    font-size: 600%;
    margin: 40px 0 25px -7px;
    color: #E1E0DC;
}

#footer-directory ul {
    border-left: 1px solid #E1E0DC;
    padding-bottom: 20px;
}

#footer-directory ul a,
#footer-directory ul h4 {
    display: block;
    font-size: 140%;
    margin: 0 0 7px -7px;
    padding-left: 20px;
    background: url(../i/footer-bullet.gif) left 50% no-repeat;
    color: #888;
}

#footer-directory ul a:hover {
    color: #999999;
}

#footer-directory ul ul {
    border-left: none;
    margin-top: 5px;
    margin-bottom: 20px;
    padding-bottom: 0;
}

#footer-directory ul ul a {
    font-size: 100%;
    padding-left: 13px;
    background-image: none;
    margin: 3px 0;
    font-weight: normal;
}

#home-blogs h2 {
/*  padding: 15px 0 0 0;*/
    margin: 10px 0 0px;
    line-height: 1.2;
}

#home-blogs-scroller {
    height: 220px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}
#home-blogs-scroller h3 span {
    color: #888;
    font-weight: normal;
    display: block;
}

#home-blogs-scroller p {
    margin: 5px 0;
}

#home-blogs-scroller-control {
    border: 1px solid #bbb;
    border-width: 0 1px 0 0;
/*  margin: auto;*/
    float: right;
}

#home-post-title h3 {
    margin: 0;
    background-color: #004A8B;
    height: 88px;
    overflow: hidden;
}

#home-post-title a {
    color: #fff;
    display: block;
    text-shadow: #06c 1px 1px 2px;
    line-height: 1.1;
    padding: 10px;
}

#home-post-image {
    float: left;
    width: 150px;
    height: 88px;
    margin-bottom: 17px;
}


#id_honeypot {
    display: none;
}


.hr.top, hr.top {
    margin-top: 0;
}

.listings-container {

}

.listings-container .slideshow {
    width: 640px;
}
.listings-container .grid_9 .slideshow {
    width: 440px;
}
.listings-container div.numresults {
    float: right;
    padding: 0 10px;
    font-size: 150%;
}
.listings-container div.crumbtrail {
    margin-bottom: 1em;
}

.listings-container .description ol {
    list-style: decimal;
}
.listings-container .description ul {
    list-style: disc;
}
.listings-container .description ol li,
.listings-container .description ul li {
    margin-left: 15px;
}
.listings-container h3 {
    margin: 1em 0 0 0;
}

.listings-container .links {
    padding: 8px;
}
.listings-container .links a {
    display: block;
}
.listings-container .arr {
    padding-top: 1px;
    font-size: 120%;
}
.listings-container .arr.productlist {
    display: block;
    background-position: 0px 5px;
    height: 34px;
    overflow: hidden;
}
.listings-container h2.video-embed {
    padding: 7px;
}
/*
.listings-container div.video-embed div {
    border: 7px solid rgb(238, 238, 238);
}
*/
.listings-container div.video-embed .inline-image {
    margin: 0;
}
.listings-container .inline-image {
    margin: 0px 0px 3px 0px;
}
.listings-container .gear-footer {
    height: 150px;
}


h1.listings {
    font-size: 360%;
    margin-top: 1em;
    line-height: 1em;
}

ul.listings {}
ul.listings li {
    margin: 1em 0;
}
ul.listings li h2 {
    font-size: 210%;
        margin-bottom: 0;
}
ul.listings li hr.thin,
ul.listings li div.thin {
    margin-top: 0;
}
.listings-container .image {}
.listings-container .image a,
.listings-container .image div {
    display: block;
    border: 5px solid #D5D3CE;
}
.listings-container .image img {
    display: block;
    margin: 0 auto;
}


.gear-top-links {
    padding-top: 50px;
}
.gear-top-links a.arr {
    float: left;
    font-size: 140%;
    margin-right: 36px;
}

ul.listings li .description {}
ul.listings li .details {}
ul.listings li .details p {
    border-left: 1px solid #b0b0b0;
    padding-left: 5px;
}


div.numbered-pagination {
    font-size: 140%;
    padding: 10px 0;
}
div.numbered-pagination a,
div.numbered-pagination span.current {
    padding: 0 7px;    
    color: #555;
}
div.numbered-pagination span.current {
    color: #aaa;
}



/* re-default some lists */

.default-lists ul {
    list-style: disc;
    font-size: 110%;
}
.default-lists ol {
    list-style: decimal;
    font-size: 110%;
}
.default-lists li {
    margin-left: 15px;
}




/* news */
.news-post-content p {
    margin-left: 0px;
    margin-right: 50px;
        font-size: 120%;
}
.news-post-content p.meta {
    margin-left: 0;
    margin-right: 10px;
    font-size: 110%;
}

.news-post-content p.teaser,

.news-post-content blockquote p {
    margin-left: 0;
    margin-right: 50px;
}

.news-article h3 {
    line-height: 1.1;
}

.search,
.news-sidebar .post-snippet {
    background: #F1F1F0;
    margin-bottom: 1em;
    padding: 10px 0;
}


.search input {
    margin: 0 10px;
    width: 250px;
}
.search input.go,
.search.stacked input.go {
    margin-left: 0;
    width: 45px;
    height: 24px;
    border: none;
    padding: 0;
    text-indent: -5000px;
    background: transparent url(../i/go_button.png) center center no-repeat;
    font-size: 1px;
}
.search h2 {
    font-size: 140%;
    padding: 10px 10px 0px;
}

.search.stacked input {
    width: auto;
}
.search.stacked input.go {
    margin: 10px;
}


.news-sidebar h2 {
    padding: 5px 10px;
    margin: .5em 0 0.5em;
    border-bottom: 6px solid #999999;
}

.news-sidebar .post-snippet img {
    float: left;
    margin: 0 10px;
}
.news-sidebar .post-snippet h4 {
    padding-top: 1em;
}

.prompt-visible {
    color: #aaa;
}

/* Ski area info */
h1.skiareas {
    font-size: 360%;
    margin-top: 0.5em;
    line-height: 1em;
}


.minireport {
    width: 478px;
    font-size: 120%;
    margin-top: 1.5em;
}
.minireport a {
    display:block;
    color: #fff;
    float: left;
    padding-right: 0;
    margin-right: 0;
    background: transparent url(../i/forms/plus.png) no-repeat right center;
    width: 58%;
    height: 24px;
    line-height: 24px;
}
.minireport a span {
    margin-left: 5px;
}
.minireport a.current,
.minireport a.current:hover {
    opacity: 0.7;
    cursor: default;
    color: #fff;
}
.minireport select.custom,
.minireport .customselect {
    float: right;
    width: 40%;
    font-size: 100%;
}
.minireport .customselect div {
    font-size: 100%;
}

.skiareas-top,
.snowreports-top {
    background: transparent url(../i/forms/bg_fullwidth_3c3c3c.png) center center no-repeat;
    height: 39px;
    margin-top: 2em;
    margin-bottom: 3em;
    
}
.snowreports-top {
    background-image: url(../i/forms/bg_640px_3c3c3c.png);
    margin: 0;
}
.skiareas-top a,
.snowreports-top a {
    display: block;
    height: 38px;
    line-height: 38px;
    font-size: 120%;
    float: left;
    background: transparent url(../i/forms/vert_border.png) left center no-repeat;
    color: #fff;
    padding: 0 10px;
}

.minireport div.dropdown {
    float: right;
    z-index: 10000;
}
.skiareas-top div.dropdown {
    float: right;
    margin-top: 7px;
    margin-right: 7px;
}

.skiareas-top div.dropdown ul {

}
.skiareas-top a:first-child,
.snowreports-top a:first-child {
    background-image: none;
    margin-left: 10px;
}
.skiareas-top a.current,
.skiareas-top a:hover,
.snowreports-top a.current,
.snowreports-top a:hover {
    background-color: #171717;
}
.skiareas-general hr {
    margin: 1em 0;
}

.skiareas-general .hr.bold {
    margin: 0 0 3px 0;
}
.skiareas-info img.logo {
    margin: 0 7px 0.5em 0;
    float: left;
}
.skiareas-info img.logo.r {
    float: right;
    margin: 0;
}
.skiareas-general p {
    margin: 0 7px 7px 0;
}
.skiareas-general .season {
    text-align: center;
    margin: 5px 0 1em 0;
    background: #D3EAFD;
}
.skiareas-general .season p {
    font-size: 130%;
    margin: 0;
    padding: 0;
    line-height: 46px;
}
/*
.skiareas-general .season.open {
    background: #00990a;
}
*/
.skiareas-general h3 {
    border-bottom: 3px solid rgb(51,51,51);
    margin-top: 1em;
}
.skiareas-general ul li {
    line-height: 2em;
    padding-left: 5px;
}
.skiareas-general ul li.alt {
    background: #D3EAFD;
    
}





.skiareas-info {
    
}
.skiareas-info blockquote {
    margin: 0;
}
.skiareas-info ul.terrain {
    list-style: none;
    background: #004A8B url(../i/skiarea-terrain-lines.png) center center no-repeat;
    margin-bottom: 1em;
}
.skiareas-info ul.terrain li {
    width: 33%;
    float: left;
    height: 60px;
    text-align: center;
}
.skiareas-info ul.terrain li h5 {
    color: #fff;
    margin-top: 10px;
    font-weight: normal;
    font-size: 110%;
}
.skiareas-info ul.terrain li p {
    font-size: 200%;
    color: #fff;
}
.skiareas-info h2 {
    border-bottom: 6px solid #999999;
}

.download-button {
    background-color: #999999;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 10px;
}

.download-button:hover {
    color: #ccc;
}

.report {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: 1px solid #d5d3ce;
    padding: 0;
    margin: 10px 0;
}

.report td,
.report th {
    border: solid #d5d3ce;
    border-width: 1px 0 0 1px;
    padding: 5px;
    vertical-align: middle;
}

.report th {
    font-weight: normal;
    border-left: none;
}

.report td {
    text-align: center;
}

.report .column-labels th {
    vertical-align: bottom;
    font-weight: bold;
    font-size: 120%;
    color: #999999;
    border: none;
    background: url(../i/reports/column-labels-bg.gif) left bottom no-repeat;
}

.day-labels {
    font-size: 140%;
    color: #999999;
    border: none;
}



.wind {
    font-size: 100%;
    color: #092;
    border: none;
}


.day-labels th {
    font-weight: bold;
    text-align: center;
    border: none;
}

/*report table in the daily report comments*/

.report2 {
    width: 250px;
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: 1px solid #d5d3ce;
    padding: 0;
   
}

.report2 td,
.report2 th {
    border: solid #d5d3ce;
    border-width: 1px 0 0 1px;
    padding: 5px;
    vertical-align: middle;
}

.report2 th {
    font-weight: normal;
    border-left: none;
}

.report2 td {
    text-align: center;
}

.report2 .column-labels th {
    vertical-align: bottom;
    font-weight: bold;
    font-size: 120%;
    color: #999999;
    border: none;
    background: url(../i/reports/column-labels-bg.gif) left bottom no-repeat;
}




table tr.region-header td {
    background: #ededea url(../i/reports/region-header-bg.gif) left top repeat-x;
    border: 1px solid #bcbab6;
    border-width: 1px 0 0 0;
/*  border-top-color: #bcbab6;*/
    text-align: left;
}
table tr.region-header td.am-pm {
    text-align: center;
    color: #888;
}

.region-header h2 {
    font-size: 120%;
    font-weight: bold;
    margin: 4px 0 2px;
}

.report h3,
.report span.pri {
    font-size: 160%;
    font-weight: bold;
    display: block;
    margin: 0;
}

.report h3 {
    width: 140px;
}

.report span.sec,
.report .last-update {
    font-size: 110%;
    display: block;
    color: inherit;
    margin: 0;
}

.field.hover .last-update,
.field:hover .last-update {
    color: #f6f6f6;
}

.report span.sec {
}

.report tr.field {
    color: #999999;
}

.report a {
    color: #999999;
}
.report .field:hover a,
.report .field.hover a {
    color: #fff;
}

.report tr.field:hover,
.report tr.field.hover {
    color: #f6f6f6;
}
.report tr.field:hover th,
.report tr.field.hover th,
.report tr.field:hover td,
.report tr.field.hover td {
    border-left-color: transparent;
    background: #999999 url(../i/reports/field-hover.png) right top repeat-x;
    text-shadow: #222 1px 1px 3px;
}

.report td.snow-status .pri {
    width: 66px;
    height: 29px;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 auto;
}

.report tr.region-header.hover {
    color: #f6f6f6;
}



.weather {
    text-indent: -9999px;
    overflow: hidden;
    height: 29px;
    width: 61px;
    background-color: #f0f;
    background: url(../i/reports/weather-icons.gif);
}

.report td .weather {
    margin: 0 auto; 
}

.snow-showers  { background-position: -0px   0; }
.overcast      { background-position: -61px  0; }
.blizzard      { background-position: -122px 0; }
.rain-and-snow { background-position: -183px 0; }
.cloudy        { background-position: -244px 0; }
.mixed         { background-position: -244px 0; }
.sunny         { background-position: -305px 0; }
.snow          { background-position: -366px 0; }
.wind-and-snow { background-position: -427px 0; }
.windy         { background-position: -488px 0; }
.rain          { background-position: -549px 0; }
.rain-showers  { background-position: -610px 0; }

.field:hover .snow-showers,
.field.hover .snow-showers  { background-position: -0px   -29px; }
.field:hover .overcast,
.field.hover .overcast      { background-position: -61px  -29px; }
.field:hover .blizzard,
.field.hover .blizzard      { background-position: -122px -29px; }
.field:hover .rain-and-snow,
.field.hover .rain-and-snow { background-position: -183px -29px; }
.field:hover .cloudy,
.field.hover .cloudy        { background-position: -244px -29px; }
.field:hover .mixed,
.field.hover .mixed         { background-position: -244px -29px; }
.field:hover .sunny,
.field.hover .sunny         { background-position: -305px -29px; }
.field:hover .snow,
.field.hover .snow          { background-position: -366px -29px; }
.field:hover .wind-and-snow,
.field.hover .wind-and-snow { background-position: -427px -29px; }
.field:hover .windy,
.field.hover .windy         { background-position: -488px -29px; }
.field:hover .rain,
.field.hover .rain          { background-position: -549px -29px; }
.field:hover .rain-showers,
.field.hover .rain-showers  { background-position: -610px -29px; }


.forecast .summary {
    padding: 5px 0;
}

.small-icon {
    width: 40px;
    height: 30px;
    background: url(../i/reports/weather-small.png) left top no-repeat;
    display: block;
    margin: 0 auto;
    text-indent: -99999px;
}

.clear-skies         { background-position: -8px 0; }
.partly-cloudy       { background-position: -73px 0;}
.small-icon.overcast { background-position: -131px 0; }
.light-rain          { background-position: -195px 0;}
.moderate-rain       { background-position: -254px 0;}
.heavy-rain          { background-position: -254px 0;}
.light-snow          { background-position: -313px 0;}
.moderate-snow       { background-position: -376px 0;}
.heavy-snow          { background-position: -436px 0;}

.field:hover .clear-skies,
.field.hover .clear-skies         { background-position: -8px   -31px; }
.field:hover .partly-cloudy,
.field.hover .partly-cloudy       { background-position: -73px  -31px; }
.field:hover .small-icon.overcast,
.field.hover .small-icon.overcast { background-position: -131px -31px; }
.field:hover .light-rain,
.field.hover .light-rain          { background-position: -195px -31px; }
.field:hover .moderate-rain,
.field.hover .moderate-rain       { background-position: -254px -31px; }
.field:hover .heavy-rain,
.field.hover .heavy-rain          { background-position: -254px -31px; }
.field:hover .light-snow,
.field.hover .light-snow          { background-position: -313px -31px; }
.field:hover .moderate-snow,
.field.hover .moderate-snow       { background-position: -376px -31px; }
.field:hover .heavy-snow,
.field.hover .heavy-snow          { background-position: -436px -31px; }


.wind span {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.wind .strength {
}

.wind .direction-label,
.wind .strength,
.below-zero,
.report span.below-zero {
    color: #004A8B;
}

.zero {
    color: #ccc;
}

.forecast .dark,
.forecast .column-labels th.dark {
    background-color: #f6f6f6;
}

.mini-forecast {
    margin-top: -10px;
    border: none;
}

.mini-forecast th,
.mini-forecast td {
    border: none;
}






.am-pm {
    width: 45px;
    text-align: center;
}

.forecast tbody th {
    font-weight: bold;
    color: #666;
}

.wind .direction {
    width: 27px;
    height: 27px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../i/reports/wind-sprite.gif);
    margin: 3px auto;
}

.wind .se { background-position: -1px -2px; }
.wind .s  { background-position: -29px 0; }
.wind .sw { background-position: -55px -2px; }
.wind .e  { background-position: -0 -29px; }
.wind .w  { background-position: -57px -29px; }
.wind .ne { background-position: -3px -55px; }
.wind .n  { background-position: -29px -57px; }
.wind .nw { background-position: -55px -55px; }



.swell span {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.swell .size {
}

.swell .direction,
.below-zero,
.report span.below-zero {
    color: #004A8B;
}

.swell .size {
    width: 70px;
    height: 35px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../i/reports/swell-status.png);
    margin: 3px auto;
}

.swell .a { background-position: 1px 1px; }
.swell .b  { background-position: 1px -25px; }
.swell .c { background-position: 1px -55px; }
.swell .d  { background-position: 1px -85px; }
.swell .e  { background-position: 1px -120px; }



.report .cam {
    width: 47px;
    height: 19px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../i/reports/cam.gif) left -19px no-repeat;
    margin: 0 auto;
}

#cam-image-current {
    display: block;
}

#cam-timestamp {
    background-color: #111;
    padding: 2px 5px;
    color: #fff;
    text-align: center;
}

.field.hover .cam,
.field:hover .cam {
    background-position: 0 0;
}

.main-report .basic-status {
    background-color: #092;
    color: #fff;
    padding: 20px 0 0;
    margin: 0 0 20px;
}

.open .summary { color: #090; }


.on-hold .basic-status { background-color: #e60; }
.on-hold .basic-status a { border-color: #830; }
.on-hold .summary { color: #e60; }

.closed .basic-status { background-color: #c00; }
.closed .basic-status a { border-color: #800; }
.closed .summary { color: #c00; }

.opening-at .basic-status { background-color: #004A8B; }
.opening-at .basic-status a { border-color: #069; }
.opening-at .summary { color: #004A8B; }

.cfs .basic-status { background-color: #666; }
.cfs .basic-status a { border-color: #444; }
.cfs .summary { color: #666; }

.basic-status span,
.basic-status h2 {
    padding: 5px 10px;
    font-size: 140%;
    display: block;
}

.basic-status h2 {
    font-size: 320%;
    color: white;
}

.basic-status .opening-date {
    margin-top: -10px;
    margin-bottom: 10px;
}

.basic-status a {
    border-top: 5px solid #005913;
    background-color: #282828;
    font-size: 140%;
    display: block;
    color: white;
    padding: 10px;
    text-shadow: #222 1px 1px 2px;
}

.basic-status iframe {
    display: block;
}

.main-report .summary {
    font-size: 140%;
/*  color: #090;*/
    font-weight: bold;
}


li.facility-status {
    clear: both;
    margin: 12px 0;
/*  height: 25px;*/
    border-bottom: 1px solid #eee;
}

li.facility-status .name,
li.facility-status .status {
    float: left;
    line-height: 15px;
    padding: 5px 0;
    font-size: 120%;
}

li.facility-status .status {
    font-size: 110%;
    float: right;
    border-right: 8px solid #090;
    height: 15px;
/*  padding-right: 20px;*/
    width: 85px;
    text-transform: uppercase;
    font-weight: bold;
    background: url(../i/reports/facility-statuses.gif) 65px top no-repeat;
}

.facility-status.open .status    { background-position: 65px 0; }
.facility-status.closed .status  { background-position: 65px -25px; color: #c00; border-color: #c00; }
.facility-status.on-hold .status { background-position: 65px -50px; color: #f60; border-color: #e60; }

.facility-status.closed .name  { color: #c00; }
.facility-status.on-hold .name { color: #f60; }


.main-report p {
    font-size: 120%;
}

.forum-view-all {
    margin: 3px 0 0;
}

.thread-summary {
    border-bottom: 2px solid #eee;
    margin: 5px 0;
    padding: 5px 10px;
}

.thread-summary.sticky,
.thread-summary.sticky.closed {
    background-color: #eef;
}

.thread-summary.closed {
    background-color: #eee;
}

.thread-summary .thread-status {
    color: #999;
}

.thread-summary.last {
    border-bottom: none;
}

.thread-summary h3,
.thread-summary h4 {
    margin: 0;
}

.thread-summary p {
    margin: 0 0 5px;
}

.post-count {
    display: block;
    text-decoration: none;
    float: right;
    height: 36px;
    line-height: 24px;
    text-align: center;
    width: 33px;
    color: #fff;
    font-size: 130%;
    background: url(../i/forum-post-bubble.gif) left top no-repeat;
    margin-right: 10px;
}


.forum-post {
    margin: 10px 0;
    font-size: 120%;
    line-height: 1.2;
}

.forum-post .grid_12 {
    padding-top: 5px;
}

.forum-post .meta a {
    color: #999;
    text-decoration: underline;
    font-weight: normal;
}

.forum-post .removed {
    font-style: italic;
    color: #caa;
}

.forum-post ul,
.forum-post ol {
    list-style-type: disc;
    padding-left: 1.5em;
}

.forum-post p {
    font-size: 100%;
    margin: 0 10px 5px 0;
}

.forum-post blockquote {
    font-size: 100%;
    padding: 5px;
    background-color: #eee;
    margin: 0 20px 0 10px;
}

.forum-post img {
    max-width: 590px;
    display: block;
    margin: 5px 0;
}

.comment .input-wrapper {
    display: block;
}

.forum-post .profile-image {
    border: 2px solid #ddd;
}

.forum-form button {
    margin-top: 10px;
}

.forum-form #id_body {
    width: 415px;
}

.other-cams {
    
}

.other-cams a {
    float: left;
    width: 80px;
    margin-right: 8px;
    font-weight: normal;
    color: #999999;
}
.other-cams a:hover {
    color: #000;
}

.other-cams img,
.other-cams span {
    display: block;
    width: 80px;
    margin-bottom: 3px;
}

ul.area-list {
    font-size: 110%;
    margin: 1em 0;
}

ul.area-list li {
    margin: 0.5em 0;
}

h2 img.key-pin {
    vertical-align: middle;
    height: 30px;
    margin: -20px 0 -20px 5px;
    margin-bottom: -20px;
}

/* dropdowns */

div.dropdown {
    position: relative;
    display: block;
    height: 24px;
    line-height: 24px;
    color: #fff;
    padding: 0;    
}
div.dropdown a.label {
    background: url('media/i/customselect/select_bg.png') no-repeat !important;
    color: #eee;
    height: 24px;
    width: 188px;
    line-height: 24px;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    padding-left: 10px;
    margin: 0 !important;
    padding: 0 5px;
    display: block;
    
}
div.dropdown ul {
    background: #5b5b5b;
    position: absolute;
    top: 21px;
    left: 0;
    width: 188px;
    padding-top: 14px;
    display: none;
    z-index: 200;
}
div.dropdown ul li {
    clear: left;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
div.dropdown ul a {
    background: none !important;
    border-bottom: solid 1px #b0b0b0;
    z-index: 10000;
    margin: 0 7px;
    color: #ccc;
    cursor: pointer;
    display: block;
    width: auto;
    float: none;
    clear: none;
    padding: 0;
    line-height: 2em;
    height: auto;
    font-weight: normal;
}
div.dropdown ul a:hover {
    color: #fff;
}
div.dropdown ul li.last a {
    border: none;
}
div.dropdown ul li.footer {
    background: url('media/i/customselect/select_dropdown_base.png') center bottom no-repeat !important;
    height: 3px;
    position: relative;
    top: 3px;
    

}


/* Top select boxes */


.customselect {
    position: relative;
    float: left;
    position: relative;
    z-index: 200;
}
.customselect .iconselect {
    background: url('media/i/customselect/select_bg.png') no-repeat;
    color: #eee;
    height: 24px;
    width: 188px;
    line-height: 24px;
    font-size: 14px;
    cursor: pointer;
    padding-left: 10px;
    
}
.customselect .iconselect span {
    width: 173px;
    overflow: hidden;
    display: block;
    height: 100%;
    float: left;
}
.customselect .selectwrapper {
    display:none;
    background: #5b5b5b;
    position: absolute;
    left:0;
    top:21px;
    width: 188px;
    padding-top: 14px;
}
.customselect .selectwrapper .selectitems {
    border-bottom: solid 1px #b0b0b0;
    z-index: 10000;
    font-size: 14px;
    padding: 3px 3px;
    margin: 0 7px;
    color: #ccc;
    cursor: pointer;
}
.customselect .selectwrapper .optionswrapper {
    overflow-y: auto;
    max-height: 350px;
}
.customselect .selectwrapper .last {
    border: none;
}
.customselect .selectfooter {
    background: url('media/i/customselect/select_dropdown_base.png') bottom left repeat-y;
    height: 3px;
    margin-bottom: -3px;
}

.customselect .selectwrapper .selectitems.hoverclass,
.customselect .selectwrapper .selectitems.selectedclass{
    color: #fff;
}

.listings-container .customselect .selectwrapper {
    width: 240px;
}
.listings-container .customselect .iconselect span {
    width: 225px;
}
.listings-container .customselect .iconselect {
    background: url('media/i/customselect/select_bg_240.png') no-repeat;
    width: 240px;
}
.listings-container .customselect .selectfooter {
    background: url('media/i/customselect/select_dropdown_base_240.png') bottom left repeat-y;
}




.filterlinks {
    
}
.filterlinks a {
    font-size: 120%;
    padding: 1px 5px 1px 0;
    margin-right: 10px;
    float: left;
    display: block;
}
.filterlinks a:hover {
    text-decoration: underline;
}

div.form.narrow {
    background: transparent url('media/i/forms/bg_left.png') top left no-repeat;
    height: 34px;
    padding: 5px 0 0 5px;
    float: left;
    clear: left;
    position: relative;
    z-index: 400;
}
div.form.narrow input,
div.form.narrow select {
    
}
div.form.narrow .slide {
    background: transparent url('media/i/forms/bg_right.png') top left no-repeat;
    height: 100%;
    width: 6px;
    position: absolute;
    top: 0;
    right: -6px;
}
div.form input.go {
    width: 33px;
    height: 24px;
    background: transparent url('media/i/forms/go_button_bg.png') center center no-repeat;
    text-transform: uppercase;
    border: none;
    padding: 0;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    line-height: 1em;
}


.industry-container {

}
.industry-container h2 {
    font-size: 240%;
    margin: 1.5em 0 .5em;
    border-bottom: 3px solid #999999;
    
}


.linkbutton {
    background: transparent url(../i/link_button_bg_140.png) top left no-repeat;
    height: 25px;
    width: 140px;
    padding-left: 5px;
    color: #eee;
    display: block;
    line-height: 25px;
    text-align: left;
    font-size: 12px;
}
.linkbutton:hover {
    color: #fff;
}





.gallery-container {}
.gallery-container .main-image {
    margin-bottom: 2em;
}
.gallery-container .main-image div {
    margin: 0 auto;
    display: block;
    position: relative;
    border: 7px solid #eee;
}
.gallery-container .main-image div img {
    display: block;
    margin: 0 auto;
}
.gallery-container ul.thumbs {
    margin: 5px 0;
}
.gallery-container ul.thumbs li {
    float: left;
    margin: 5px;
}
.gallery-container ul.thumbs li a.current img {
    opacity: 0.7;
}
.gallery-container ul.thumbs li .meta {
    display: none;
}
.gallery-container p.caption-bottom {
    min-height: 3em;
}
.gallery-container p.main-image-caption {
    min-height: 1.5em;
}
.gallery-container p.main-image-caption .user {
    color: #888;
    margin-left: 10px;
}
.gallery-container a.share {
    background: transparent url(../i/share-button.gif) left center no-repeat;
    padding-left: 20px;
    display: block;
}

.gallery-container .main-image .throbber {
    width: 100%;
    height: 100%;
    background: #fff url(../i/ajax-loader.gif) center center no-repeat;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}
.gallery-container .main-image .throbber img {
    margin: 100px auto 0;
}
.gallery-container .upload-button {
    width: 186px;
    height: 24px;
    background: transparent url(../i/upload_button_bg.png) left bottom no-repeat;
    color: #fff;
    display: block;
    float: right;
    line-height: 24px;
    text-align: center;
    font-size: 120%;
    margin:  0 10px 10px 0;
}
.gallery-container .upload-button:hover {
    background-position: left top;
}
.gallery-container .addthis_button_compact {
    line-height: 24px;
}

.travel-container {}
.travel-container .menu {
    background: rgb(237, 236, 234);
}
.travel-container .menu h3 {
    margin: 2em 0 1em;
    border-bottom: 3px solid #999999;
    padding-left: 10px;
    
}
.travel-container .menu p {
    margin-bottom: 1em;
    margin-left: 10px;
}
.travel-container .menu li {
    margin-bottom: 1em;
    margin-left: 10px;
}
.travel-container .menu li ul {
    margin-top: 1em;
}
.travel-container .menu a {

}
.travel-container h2.subtitle {
    margin: 1em 0 0.5em;
    border-bottom: 3px solid #999999;
    font-size: 215%;
}
.travel-container .content {
    margin-right: 10px;
        font-size: 120%;
}


/* ADDTHIS sharing widget */
.meta a.addthis_button_compact {
    float: right;
    margin-top: -2px;
    padding-right: 10px;
}

a.addthis_button_compact img {
    vertical-align: middle;
}

a.addthis_button_compact span {
    vertical-align: middle;
}

#gallery_list_sb {
	padding-left: 10px;
}


ul.gallery-index {
    width: 100%;
    
}
ul.gallery-index li {
    width: 290px;
    padding: 0;
    margin-bottom: 1em;
    margin-right: 0px;
    float: left;
    height: 150px;
}
ul.gallery-index li.hovered {
    background: #eee;
    cursor: pointer;
}
ul.gallery-index li.left {
    margin-right: 60px;
}
ul.gallery-index li img {
    float: left;
    margin: 5px;
}
ul.gallery-index li h2 {
    font-size: 150%;
    border-bottom: 3px solid rgb(51, 51, 51);
    margin: 5px;
}
ul.gallery-index li h2 a:hover {
    color: inherit;
}
ul.gallery-index li p {
    margin: 12px 5px 5px 5px;
}


.gallery-top .dropdown {
    margin: 0;
    float: right;

}
.gallery-top .customselect {
    margin: 0;
    float: right;
    font-size: 12px;
}
.gallery-top .customselect * {
    font-size: 12px;
}
.gallery-top .customselect .selectitems {
    padding: 0px 3px;
    font-weight: normal;
}
.gallery-top .customselect .selectitems span {
    font-size: 10px;
}

/* home page competition */

#home-comp {
    color: #fff;

    margin: 0 20px;
    text-align: left;
}
#home-win {
    float: left;
    display: inline;
 
    font-size: 16px;
    line-height: 0.9;
    padding: 10px 10px;
    width: 140px;
    text-align: center;
}
#home-win span {
    font-size: 70px;
    font-weight: bold;
    display: block;
    margin-left: -10px;
}
#comp-detail {
    width: 270px;
    float: left;
    display: inline;
}
#comp-detail div {
    padding: 0 20px;
}
#comp-detail h3,
#comp-detail a,
#comp-detail p {
    color: #fff !important;
}

#comp-detail h3 {
    margin-top: 10px;
}

#comp-detail p {
    margin-bottom: 5px;
}

#comp-thumb {
    float: left;
    display: inline;
    width: 150px;
    background-color: #fff;
    margin: 10px 10px 0;
}



/* SURTV   */

.tasks {
    list-style-type: none;
    margin: 0;
    line-height: 36px;
    font-size: 120%;
}
#tasks-container {
}
.ratings-stars {
    display: none;
    margin: 0;
    font-size: 120%;
    line-height: 36px;
}
.ratings-stars span {
    float: left;
    width: 100px;
}
#tasks-container a.close {
    float: right;
}
.ratings-star {
    float: left;
    width: 16px;
    height: 16px;
}
.ratings-star.current {
    opacity: 0.5;
}
.embed-textbox,
.share-textbox {
    line-height: 36px;
    display: none;
}
.embed-textbox input,
.share-textbox input {
    font-size: 100%;
    width: 550px;
}
.embed-textbox a.close,
.share-textbox a.close {
    font-size: 120%;
}
.embed-textbox a.embed-size-link {
    display: block;
    padding-left: 30px;
    height: 36px;
    background: transparent url(/media/tv/i/embed_large.png) left center no-repeat;
    float: left;
    margin-right: 30px;
}
.embed-textbox a.embed-size-link.small { background-image: url(/media/tv/i/embed_small.png); }
.embed-textbox a.embed-size-link.medium { background-image: url(/media/tv/i/embed_medium.png); }

hr.tv-title, div.hr.tv-title {
    margin-bottom: 0;
}

.tasks li {
    float: left;
    display: inline;
}

.tasks a {
    display: block;
    margin-right: 15px;
    color: #333;
}

.comment-link,
.share-link,
.rate-link,
.embed-link,
.similar-videos-link,
.original-file-link {
    background: url(../i/speech-bubble.gif) 0 center no-repeat;
    padding-left: 18px;
}

.share-link, .embed-link { background-image: url(../i/share-arrow.gif); }
.rate-link { background-image: url(../i/star.gif); }
.similar-videos-link { background-image: url(../i/similar-videos.gif); }
a.original-file-link { background-image: url(../i/download-arrow.gif);
        background-position: 0 48%;
        /*color: #e44724;*/}

div.video-large {
    height: 392px;
    width: 640px;
    
}



#featured-channels-label {
    line-height: 18px;
    padding: 6px 12px;
    margin: 3px 0 0 0;
    color: #004A8B;
    font-weight: bold;
    font-size: 130%;
}

#featured-channels-label span {
    color: white;
}

#featured-channels-label a {
    color: #ccc;
}


#main-content {
    background: url(../i/tv-logo-body.gif) 870px 15px no-repeat;
}

.loading {
    background: #fff url(../i/loader.gif) 50% 50% no-repeat;
}

.more-videos a {
    display: block;
    width: 188px;
    height: 0;
    overflow: hidden;
    padding-top: 123px;
    border: 1px solid #ccc;
    margin-top: 40px;
    background: url(../i/more-tv.png) left top no-repeat;
}

.more-videos a:hover {
    background-color: #eee;
}

.video {
    margin-top: 15px;
    margin-bottom: 15px;
}

.video a {
    display: block;
}

.video img {
    display: block;
    background-color: #fff; 
}

.video div {
    background-color: #004A8B;  
}

.video a:hover img {
    opacity: 0.8;
}

.video p {
    display: block;
    background: #999999 url(../i/white-arrow-right.png) 6px 50% no-repeat;
    padding-left: 18px;
    margin: 1px 0 0 0;
    line-height: 24px;
    font-size: 120%;
    color: white;
}

.video a:hover p {
    background-color: #004A8B;
}

.video h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 120%;
    line-height: 1.5;
    color: #999999;
    padding: 4px 6px;
    height: 16px;
    overflow: hidden;
    margin-bottom: 1px;
}

.video a:hover h3 {
    background-color: #004A8B;
    color: #fff;
}

.video.small {
    margin-top: 4px;
    margin-bottom: 3px;
}

.video.small h3 {
    font-size: 100%;
    margin-top: 1px;
    line-height: 1.1;
    overflow: visible;
    height: auto;
}

.previousvideos {
    overflow: hidden;
    position: relative;
}
.previousvideos .slider {
    width: 5000px;
    position: relative;
    left: 0;
}

.previousvideos .video.small {
    /*border-right: 1px dotted #eee;*/
    border: none;
    padding: 0;
    margin: 0 10px 0 0;
    width: 140px;
    float: left;
}

.recent-scrollers {
    display: none;
}
.recent-scrollers a {
    display: block;
    margin-top: 5px;
}
.recent-scrollers a.disabled {
    cursor: default;
    opacity: 0.3;
}


.search-ad {
    float: right;
    height: 305px;
    margin: 40px 0px 15px 0px;
    padding: 0;
}
.search-ad a {
    display: block;
    float: right;
    clear: left;
    background: rgb(237, 236, 234);
    padding: 2em;
}
.channel h3 {
    background: #999999 url(../i/channel-box-bg.gif) right bottom no-repeat;
    height: 56px;
    padding-top: 14px;
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0;
}

.channel a:hover h3 {
    background-color: #004A8B;
}

.channel p {
    background: #fff url(../i/black-arrow-right.gif) 6px 45% no-repeat;
    color: #004A8B;
    font-size: 110%;
    margin-top: 0;
}

.channel a:hover p {
    background-color: #f3f3f3;
    color: #004A8B;
}

.channel div {
    background-color: #004A8B;
}

.comment {
    clear: both;
    padding: 5px 10px;
}

.latest-comment {
    border: 1px solid #eee;
}

.latest-comment.clickable:hover {
    background-color: #f3f3f3;
}

.latest-comment p {
    font-size: 120%;
    color: #777;
    margin-top: 10px;
}

.comment img {
    float: left;
    margin: 3px 0;
}

.comment .inner img {
    float: none;
    margin: 0;
}

.comment .inner {
    margin-left: 65px;
}

.comment h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
}

.comment p {
    margin: 5px 0;
}

.comment.even {
    background-color: #e5e2df;
}

.comment.odd {
    background-color: #edece9;
}

.close-comments-link {
    display: block;
    font-size: 140%;
    color: white;
    background: #999999 url(../i/close-button.gif) 300px 50% no-repeat;
    padding: 15px;
    text-align: left;
    padding-left: 20px;
}

.tabs {
    font-size: 140%;
    border-bottom: 1px solid #999999;
    margin: 10px 0;
}

.tabs li {
    float: left;
    display: inline;
}

.tabs li a {
    display: block;
    padding: 10px 20px;
    background-color: #ececea;
    color: #999999;
    margin: 0 5px 0 0;
}

.tabs li a:hover,
.tabs li a.current {
    color: #fcfcfc;
    background-color: #999999;
}


/*

#004A8B  Link Blue
#999999  Header Green