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

body {
	background: #233039 url(../images/body_bcgr.gif) top repeat-x;
	margin: 0px auto; 
	padding: 0;
    font: 13px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	/*font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;*/
	/* font: 12px Verdana, Arial, Helvetica, sans-serif; */
	color: #e0dede;
	text-align: center;
	line-height: 140%;
}

.wrapper {clear: both}
.wrapperL {clear: left}
.wrapperR {clear: right}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 10px 0; font-weight: normal; line-height: 150%; color: #ffd007;}
h1 {font-size: 200%; padding: 5px 0 25px 0}
h2 {font-size: 180%; padding: 5px 0 20px 0}
h3 {font-size: 160%; padding: 5px 0 18px 0}
h4 {font-size: 140%; padding: 5px 0 16px 0}
h5 {font-size: 120%; padding: 5px 0 14px 0}
h6 {font-size: 110%; padding: 5px 0 12px 0}

p {margin: 0 0 10px 0; padding: auto;}
input, option, select, textarea {font: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 12px; color: #5b5b5b; margin: 0 }
input[type="text"] {padding: 0 1px}

a {color: #39f; text-decoration: none;}
a:hover {color: #ffd007 /*color: #00b0f0;*/}

.smallText {font-size: 80%}

#mainContainer {width: 1000px; text-align: left; margin: 0 auto; background: url(../images/main_container_bcgr_skin_club.jpg) top left no-repeat; }

/* ########################################## */
/* top header, top menu */
#topHeader {height: 42px; margin: 0 auto; background: url(../images/top_menu_bcgr.jpg) top no-repeat; overflow:hidden} 
#topMenu{float:left; position:relative; left:50%; text-align:left; padding: 9px 0 0 0; }
#topMenu ul {list-style:none; position:relative; left:-50%; margin: 0; padding: 0; } 
#topMenu li {float:left;position:relative; margin: 2px 0 0 0; padding: 0px 15px 0 15px; background: url(../images/top_menu_sep.gif) right center no-repeat;} /* ie needs position:relative here*/
#topMenu li.last {background: none;}
#topMenu li.sign {font-weight: bold}
#topMenu li.search {margin: 0;}
#topMenu a {text-decoration:none; float:left; text-align:center; white-space:nowrap; display: block; color: #95afc3;  }
#topMenu a:hover{color:#ffffff;}
/* #...{overflow:hidden}/* hide horizontal scrollbar*/ */
#search {text-align: right; padding: 0px 0 0 0;}
/*
#search form {margin: 0; padding: 0}
#search form input[type='text'] {width: 250px; height: 14px;  background: #233039; border: 1px solid #506c80; padding: 1px 4px 3px 4px; color: #c7c7c7; float: left; margin: 0 2px 0 0; text-align: center;}
*/
#search span {margin: 0; padding: 0}
#search span input[type='text'] {width: 250px; height: 14px;  background: #233039; border: 1px solid #506c80; padding: 1px 4px 3px 4px; color: #c7c7c7; float: left; margin: 0 2px 0 0; text-align: center;}
/* ########################################## */

/* ########################################## */
/* advance top header, advance top menu */
#advtopHeader {height: 42px; margin: 0 auto; background: url(../images/top_menu_bcgr.jpg) top no-repeat; overflow:hidden; display:none; } 
#advtopMenu{float:left; position:relative; left:50%; text-align:left; padding: 9px 0 0 0; }
#advtopMenu ul {list-style:none; position:relative; left:-50%; margin: 0; padding: 0; } 
#advtopMenu li {float:left;position:relative; margin: 2px 0 0 0; padding: 0px 15px 0 15px; background: url(../images/atop_menu_sep.gif) right center no-repeat;} /* ie needs position:relative here*/
#advtopMenu li.last {background: none;}
#advtopMenu li.sign {font-weight: bold}
#advtopMenu li.search {margin: 0;}
#advtopMenu a {text-decoration:none; float:left; text-align:center; white-space:nowrap; display: block; color: #95afc3;  }
#advtopMenu a:hover{color:#ffffff;}
/* #...{overflow:hidden}/* hide horizontal scrollbar*/ */
#advsearch {text-align: right; padding: 0px 0 0 0;}
#advsearch span {margin: 0; padding: 0}
#advsearch span input[type='text'] {width: 250px; height: 14px;  background: #233039; border: 1px solid #506c80; padding: 1px 4px 3px 4px; color: #c7c7c7; float: left; margin: 0 2px 0 0; text-align: center;}
/* ########################################## */

/* ########################################## */
/* header and main menu */
#headerContainer {height: 160px; /*178px;*/ background: url(../images/jolted_logo.jpg) top center no-repeat;}
#header {height: 115px}

#menu {height: 43px;}
#menu ul {margin: 0; padding: 0; list-style: none;}
#menu ul li {margin: 0 10px}
#menuLeft, #menuRight {float: left; width: 467px; padding: 12px 0 0 0; }
#menuLeft.on a:hover, #menuRight.on a:hover { cursor: default; color: #eeeeee}
#menuLeft {text-align: right; height: 43px; background: url(../images/menu_bcgr_left.gif) right top no-repeat; }
#menuLeft.on {background: url(../images/menu_bcgr_left_on.gif) right top no-repeat;}
#menuLeft ul {margin: 0 40px 0 0;}
#menuLeft ul li {float: right; width: 180px; text-align: center}
#menuRight {margin: 0 0 0 66px; text-align: left; height: 43px; background: url(../images/menu_bcgr_right.gif) left top no-repeat; }
#menuRight.on {background: url(../images/menu_bcgr_right_on.gif) left top no-repeat;}
#menuRight ul {margin: 0 0 0 40px}
#menuRight ul li {float: left; width: 180px; text-align: center}

#menu a { font-size: 18px; color: #eeeeee; margin: 0;}
#menu a:hover {color: #fecf07}
/* ########################################## */


/* ########################################## */
/* main content */
#mainContentContainer {}
.mainContent2Cols {float: left; width: 680px;}
.mainContent2ColsInner {padding: 20px 0; }
.sidebar {margin-left: 680px; width: 300px; }
.sidebarInner {padding: 0px}
/* ########################################## */

.banner728 {margin: 0 auto; text-align: center; padding: 20px 0; clear: both;}


/* ########################################## */
/* photos thumbnails */
.photosTumbsContainer {}
.photosTumbsContainer ul {margin: 0; padding: 0; list-style: none;}
.photosTumbsContainer ul li {float: left; width: 180px; height: 215px; margin: 10px 20px 10px 0; border: 1px solid #2f3e48; font-size: 11px; color: #b1b1b1; padding: 5px;}
.photosTumbsContainer ul li a {color: #ffffff}
.photosTumbsContainer ul li img {}

.photoThumb {height: 195px;}
.photoThumb a img {background: url(../images/photo_thumb_bcgr.gif) top no-repeat; border: none; padding: 18px 15px 18px 16px; }
.photoThumb p {margin: 0 10px; padding: 0}
.photoThumb a p {font-size: 14px; margin-bottom: 10px;}
.photoThumb a:hover p {color: #ffd007}
.photoThumbG a img {background: url(../images/photo_thumb_bcgr_gallery.gif) top no-repeat; }
.photoThumb a:hover img {background: url(../images/photo_thumb_bcgr_on.gif) top no-repeat; }
/* .photoThumb img {margin: 17px 15px 0 15px} */

.photoThumbFooter {padding: 0 10px}
.photoThumbFooter img {float: right; display: block;}

/*
.photoDet {padding: 0 10px;}
.photoDet h5 {font-size: 12px; margin: 0 0 5px 0; padding: 0; color: #ffffff;}
.photoDet h5 span {display: block; font-size: 10px; margin: 0; padding: 0; color:}
.photoDet img {float: right; display: block;}
*/
/* ########################################## */


/* ########################################## */
/* sidebar list with tumbs */
#sidebarEventsList {margin: 20px 0}
#sidebarEventsList ul {margin: 0; padding: 0; list-style: none}
/*#sidebarEventsList ul li {margin: 0 0 20px 0; padding: 0; }*/
#sidebarEventsList ul li {margin: 0; padding: 0; }
#sidebarEventsList ul li img {display: block; float: left; padding: 2px; border: 1px solid #4e565c; margin: 3px 0 0 0;} 
/*#sidebarEventsList ul li div {margin-left: 80px; font-size: 10px; }*/
#sidebarEventsList ul li div {margin-left: 60px; font-size: 12px; height: 75px; }
#sidebarEventsList ul li div h6 {margin: 0; padding: 0; color: #e0dede;}
#sidebarEventsList ul li div a {color: #ffffff;}
#sidebarEventsList ul li div a:hover {color: #ffd007}
/* ########################################## */


/* ########################################## */
/* view photo */
#viewPhotoContainer {}
#viewPhotoContainer.addSkin {padding: 100px 0 0 0;}
/*#viewPhotoContainer.skinDummy { background:url(../images/photoview_camp_bcgr_dummy.jpg) top center no-repeat; }*/
#viewPhotoContainer.skinDummy { background:url(../images/banners/background_banner) top center no-repeat; }
#viewPhotoContent {text-align:center; padding: 0px; border: 2px solid #3f5767; margin: 0 176px; background: #233039; /*background: #233039; width: 640px;*/}
#viewPhotoContent h2 {/*background: #014257;*/ text-align: left; font-size: 18px; margin: 0px; padding: 10px 10px 5px 10px; }
/* #viewPhotoContent .photoDetails { text-align: left; padding: 10px; line-height: 130%; margin: 0 0 10px 0; } */
#viewPhotoContent .photoDetails {text-align: left; padding: 10px 15px 20px 10px; line-height: 150%; margin: 0; background: #233039; font-size: 100% }

#viewPhotoContent .photoDetails .photoDetailsHeader {margin: 0; padding: 0 0 3px 0; color: #fc0; font-size: 14px; display: block; margin: 0 0 7px 0;}
#viewPhotoContent .photoDetails .photoDetailsHeader span {float: right; font-size: 12px; color: #aaa; padding: 1px 2px; margin: 0 0 0 20px; border: 1px solid #444;}
#viewPhotoContent .photoDetails .photoDetailsHeader span a {padding: 0 5px;}

#viewPhotoContent .photoDetails ul {margin: 0 ; padding: 5px 0 0 0; list-style: none; clear: both; }
#viewPhotoContent .photoDetails ul li {margin: 0 5px 0 0; padding: 0 10px; float: left; border-left: 1px solid #444; height: 40px; font-size: 11px;}
#viewPhotoContent .photoDetails ul li.rate {border: none; padding: 0 10px 0 0;}
#viewPhotoContent .photoDetails ul li.rate p {padding: 0 0 10px 0;}
#viewPhotoContent .photoDetails ul li p {color: #999; padding: 0 0 5px 0; margin: 0; font-size: 13px;}
#viewPhotoContent .photoDetails ul li.share a img {border: 1px solid #444; padding: 2px; margin: 0 3px 0 0;}
#viewPhotoContent .photoDetails ul li.share a:hover img {border: 1px solid #aaa;}

#viewPhotoContent .photoDetailsHeaderNav {margin: 0; padding: 0 0 3px 0; color: #fc0; font-size: 14px; display: block; margin: 0 0 27px 0; margin-right: 3px;}
#viewPhotoContent .photoDetailsHeaderNav span {float: right; font-size: 12px; color: #aaa; padding: 1px 2px; margin: 0 0 0 20px; border: 1px solid #444;}
#viewPhotoContent .photoDetailsHeaderNav span a {padding: 0 5px;}

#viewPhotoContent #back_to_album {margin: 0; padding: 0 0 3px 0; color: #fc0; font-size: 14px; display: block; margin: 0 0 27px 0; margin-right: 3px;}
#viewPhotoContent #back_to_album span {float: left; font-size: 12px; color: #aaa; padding: 1px 2px; margin: 0 0 0 20px; border: 1px solid #444;}
#viewPhotoContent #back_to_album span a {padding: 0 5px;}

#viewPhotoContent .photoGalleryThumbs {border-top: 1px solid #444; padding: 10px; margin: 0 0 0px 0;}
#viewPhotoContent .photoGalleryThumbs p {color: #999; padding: 0 0px 10px 0px; margin: 0; text-align: left; font-size: 13px;}
#viewPhotoContent .photoGalleryThumbs ul {margin: 0; padding: 0; list-style: none}
#viewPhotoContent .photoGalleryThumbs ul li {float: left; width: 100px; margin: 0 2px; 3px 0;}
#viewPhotoContent .photoGalleryThumbs ul li a img {border: 1px solid #384c59; padding: 2px;}
#viewPhotoContent .photoGalleryThumbs ul li.current a img {border: 1px solid #aaa;}
#viewPhotoContent .photoGalleryThumbs ul li a:hover img {border: 1px solid #ffcc00;}

/*#shareButtons {background: url(../images/trnsp_bcgr_black.png); padding: 10px; text-align: left; margin: 0 1px}*/
#shareButtons {background: #233039; /*background: url(../images/trnsp_bcgr_black.png)*/; padding: 10px; text-align: left; margin: 0 1px}
#shareButtons a img {border: 0; margin: 0 10px 0 0;}
/* ########################################## */


/* ########################################## */
/* view album */
#albumView {background: #233039; padding: 10px 0; /*background: url(../images/trnsp_bcgr_black.png)*/}
#albumView ul {margin: 0; padding: 0; list-style: none; }
#albumView ul li {float: left; margin: 10px 13px 5px 13px;}
#albumView ul li a img {border: 1px solid #384c59; padding: 2px;}
#albumView ul li a:hover img{border: 1px solid #fc0;}
/* ########################################## */


/* ########################################## */
/* events page | events list */
#eventsThumbs ul {margin: 0; padding: 0; list-style: none;}
#eventsThumbs ul li { clear:left; padding: 10px 0}
#eventsThumbs ul li h5 {margin: 0 0 10px 0; padding: 0; color: #fff}
#eventsThumbs ul li a:hover h5 {color: #fc0;}
#eventsThumbs ul li p {margin: 0 0 2px 0; padding: 0; color: #eee; font-size: 100%;}
#eventsThumbs ul li p span {color: #b1b1b1; margin: 0 5px 0 0; font-size: 100%;}
.eventThumbImg {float: left; width: 170px;}
.eventThumbImg img {padding: 2px; border: 1px solid #4e565c;}
.eventThumbImg a:hover img {border: 1px solid #fc0;}
.eventDesc {margin: 0 0 0 180px;}
/* ########################################## */


/* ########################################## */
/* comments */
/*#comments {text-align: left; padding: 10px; border-top: 1px solid #444; margin: 0 0 10px 0; font-size: 11px; }*/
/*
#comments {text-align: left; padding: 10px; border-top: 1px solid #444; margin: 0 0 10px 0; font-size: 11px; background: #233039; width: 620px; }
#comments ul {margin: 0; padding: 0; list-style: none}
#comments ul li {float: left; border: 1px solid #3f4a52; margin: 5px 0; width: 100%; font-size: 11px;}
#comments ul li ul {margin: 10px 0 10px 20px; }
#comments ul li ul li {border: none; margin: 0; padding: 0; }
#comments ul li p {padding: 5px; font-size: 11px;}
.commentTitle {padding: 5px; background: #30424e; font-size: 14px;  }
.commentTitle span {color: #cccccc; font-size: 10px; padding: 0 10px;}
.commentTitle div {float: right;}
.commentTitle div a {border: 1px solid #355165; padding: 0 5px 1px 5px; background: #233039; font-size: 10px;}
.commentTitle div a:hover {/*border: 1px solid #3a7199;*/ /*color: #fecf07; background: #12191f}
*/
#comments {text-align: left; padding: 10px; border-top: 1px solid #444; margin: 0 0
10px 0; font-size: 13px; background: #233039; width: 620px; }
#comments ul {margin: 0; padding: 0; list-style: none}
#comments ul li {float: left; border: 1px solid #3f4a52; margin: 5px 0; width: 100%;
font-size: 12px;}
#comments ul li ul {margin: 10px 0 10px 20px; }
#comments ul li ul li {border: none; margin: 0; padding: 0; }
#comments ul li p {padding: 5px; font-size: 13px;}
.commentHeader {padding: 3px; background: #30424e; font-size: 14px; height: 48px;}
.commentBtns {float: right}
.commentBtns a {border: 1px solid #355165; padding: 0 5px 1px 5px; background:
#233039; font-size: 11px; margin: 0 0 0 5px;}
.commentBtns a:hover {color: #fecf07; background: #12191f}
.commentAvatar {float:left;}
.commentTitle {margin: 0 0 0 60px; color: #99a7b0; }
.commentTitle span {display: block; font-size: 11px; padding: 0;}

/* ########################################## */


/* ########################################## */
/* pagination */
.pagination {float: right; font-size: 11px; color: #aaa;}
.pagination a {border: 1px solid #384c59; padding: 0px 5px; margin: 0 2px; display: block; float:left;}
.pagination a:hover {border: 1px solid #ffcc00; color: #aaa; }
.pagination a.currentPage {border: #aaa solid 1px; color: #aaa; cursor: default;}
.pagination a.disabled {color: #384c59; cursor: default}
.pagination a.disabled:hover {border: 1px solid #384c59;}
/* custom pagination */
.paginationAlbumView {margin: 10px 0 0 0; padding: 0 15px 0 20px;}
/* ########################################## */


/* ########################################## */
/* footer */
#footer { margin: 20px 0; background: url(../images/footer-bcgr.gif) top no-repeat; font-size: 10px; color: #798289; height: 100px;}
.footerSide {width: 447px; float: left; }
.footerSide p {padding: 12px 15px 0 15px;; margin: 0;}
.footerSideR {text-align:right}
#footerLogo {width: 106px; float:left}
#footer a {color: #95afc3}
#footer a:hover {color: #ffffff}
/* ########################################## */

/* ########################################## */
/* event summary */
.eventSummary {padding: 10px; border-top: 1px solid #444; text-align: left;}
.eventSummary p {font-size: 90%; padding: 1px 5px; margin: 0;}
.eventSummary p span {display: block; float: left; width: 60px; color: #999; padding: 0 5px 0 0; margin: 0; font-size: 80%;}
/* ########################################## */

/* #############mapsummary */
.eventMap {padding: 10px; border-top: 1px solid #444; text-align: left; font-size: 11px;}


/* ########################################## */
/* common */
#comments h5, .eventSummary h5, h5.light {font-size: 13px; color: #f90; margin: 0; padding: 0 0 10px 0; text-align:left;}
/* ########################################## */