/*
@package WordPress
@subpackage UpBeat
@author SeriousBytes <rodo@seriousbytes.com>
@version 1.0
@since Version 1.0
*/

/* STRUCUTRE *************************************************/
BODY {background-color:#999 !important;}
BODY.dark DIV.thumbTitle, BODY.dark DIV.thumbNum, BODY.dark SPAN.thumbTitle, BODY.dark #partCounter, BODY.light .sepName, BODY.dark #navlist {background-color:#000;color:#fff;}
BODY.light DIV.thumbTitle, BODY.light DIV.thumbNum, BODY.light SPAN.thumbTitle, BODY.light #partCounter, BODY.dark .sepName, BODY.light #navlist {background-color:#fff;color:#000;}

#wrapper {position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
#page {position:absolute;top:0;left:0;width:100%;height:100%;}
#controlsCon {position:absolute;top:200%;left:0;width:100%;height:100%;overflow:hidden;}
#navsCon {position:absolute;top:200%;left:0;width:100%;height:100%;overflow:hidden;}
#wpadminbar {display:none;}

/* LOADING ****************************************************/
#loadingCon {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
#loadingDone {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
#loadingTitle {position:absolute;top:0;left:0;}

/* LOGO *******************************************************/
#logo {position:absolute;top:20px;right:20px;z-index:100000;}
@media screen and (max-width: 720px) {
	#logo {top:10px;right:10px;}
}

/* OPTIMIZING *************************************************/
#optimizingCon {display:none;position:absolute;bottom:0;left:0;width:150px;height:16px;}
BODY.dark #optimizingCon {background:url('../images/bgdark.png') repeat;}
BODY.light #optimizingCon {background:url('../images/bglight.png') repeat;}
#optimizingCon div {position:absolute;top:0;left:0;height:16px;background-color:red;}
#optimizingCon p {position:absolute;top:0;left:0;margin:2px 4px;font-family:Verdana;font-size:10px;line-height:10px;}

/* TOP BAR ****************************************************/
#topBar {position:absolute;top:-100%;display:block;left:0;}

/* POST BAR ****************************************************/
#pbControls{position:absolute;top:60px;left:0;}
BODY.dark #pbControls {background:url('../images/bgdarkctrl.png');background-repeat:repeat;background-color:transparent;}
BODY.light #pbControls {background:url('../images/bglightctrl.png');background-repeat:repeat;background-color:transparent;}
#pbInfo, #pbGrid, #pbPlay {cursor:pointer;}
#pbNav {position:absolute;top:60px;left:30px;width:0px;height:0px;overflow:hidden;padding:10px 0;}
#pbMove {position:relative;clear:both;float:left;overflow:hidden;margin:0px 10px;width:160px;}
#pbList {position:absolute;top:0;left:0;width:160px;}
#pbList LI {margin-bottom:10px;clear:both;float:left;margin-left:0;}
#pbList LI:last-child {margin-bottom:0;}
#pbList LI SPAN.sepName {font-size:14px;line-height:14px;padding:3px 10px;display:block;}
#pbList LI DIV.thumb {vertical-align:bottom;width:160px;height:100px;overflow:hidden;display:block;position:relative;cursor:pointer;}
#pbList LI DIV.thumb DIV.thumbCache {position:absolute;top:0;left:0;width:160px;height:100px;}
#pbList LI DIV.thumb IMG.thumbImg {position:absolute;top:0;left:0;}
#pbList LI DIV.thumb SPAN.thumbTitle {position:absolute;display:block;left:0;top:0;font-size:16px !important;line-height:16px !important;padding:2px 5px;max-width:150px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}/* Force "..." if too long */
#pbList LI DIV.thumb SPAN.thumbCats, #pbList LI DIV.thumb SPAN.thumbTags {position:absolute;display:block;right:0;bottom:0;padding:1px 2px;max-width:156px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}/* Force "..." if too long */
#pbList LI DIV.thumb SPAN.thumbCats {background-color:#bfbdbe;}
#pbList LI DIV.thumb SPAN.thumbTags {background-color:#dfdfdf;}
#pbList LI DIV.thumb SPAN.thumbCats, #pbList LI DIV.thumb SPAN.thumbCats a, #pbList LI DIV.thumb SPAN.thumbCats a:visited, #pbList LI DIV.thumb SPAN.thumbCats a:active, #pbList LI DIV.thumb SPAN.thumbCats a:hover, #pbList LI DIV.thumb SPAN.thumbCats a:focus, #pbList LI DIV.thumb SPAN.thumbTags, #pbList LI DIV.thumb SPAN.thumbTags a, #pbList LI DIV.thumb SPAN.thumbTags a:visited, #pbList LI DIV.thumb SPAN.thumbTags a:active, #pbList LI DIV.thumb SPAN.thumbTags a:hover, #pbList LI DIV.thumb SPAN.thumbTags a:focus {font-size:10px !important;line-height:10px !important;color:#000 !important;}
#pbList LI DIV.curThumb {cursor:default !important;}
#pbWhere {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
	-moz-transform-origin: bottom left;
	-webkit-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	display: inline-block;
	position: relative;
}
BODY.dark #pbWhere {color:#FFF;}
BODY.light #pbWhere {color:#000;}
#pbWhere.pbWhere40 {font-size:22px !important;line-height:22px !important;padding:9px 10px 9px 10px;top:-35px;height:22px;}
#pbWhere.pbWhere30 {font-size:15px !important;line-height:15px !important;padding:8px 10px 7px 10px;top:-24px;height:15px;}
#pbWhere.pbWhere20 {font-size:12px !important;line-height:12px !important;padding:4px 10px 4px 10px;top:-15px;height:12px;}
#pbWhere.pbWhere40 SPAN {font-size:14px !important;line-height:20px !important;padding:13px 0 13px 10px;}
#pbWhere.pbWhere30 SPAN {font-size:10px !important;line-height:15px !important;padding:10px 0 9px 10px;}
#pbWhere.pbWhere20 SPAN {font-size:8px !important;line-height:12px !important;padding:6px 0 6px 10px;}
#pbWhere {white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}/* Force "..." if too long */
BODY.dark #pbNav DIV.thumbCache {background-image:url('../images/bgdarkgrid.png');background-repeat:repeat;background-color:transparent;}
BODY.light #pbNav DIV.thumbCache {background-image:url('../images/bglightgrid.png');background-repeat:repeat;background-color:transparent;}

/* SIDE BAR ****************************************************/
#sbControls{position:absolute;top:140px;right:0;padding-bottom:10px;display:none;}
BODY.dark #sbControls {background:url('../images/bgdarkctrl.png') repeat;}
BODY.light #sbControls {background:url('../images/bglightctrl.png') repeat;}
#sbPop {cursor:pointer;}
#sb {position:absolute;top:140px;right:40px;width:230px;padding:10px;text-align:left;overflow:hidden;display:none;border-color:black;}
BODY.dark #sb {background:url('../images/bgdarkctrl.png') repeat;}
BODY.light #sb {background:url('../images/bglightctrl.png') repeat;}
#sb .viewport {width:210px;height:100%;overflow:hidden;position:relative;clear:none;float:right;margin-right:8px;}
#sb .overview {list-style:none;position:absolute;left:0;top:0;width:100%;}
#sb .scrollbar {width:14px;margin-right:-2px;position:relative;clear:none;float:right;}
#sb .scrollbar .track {height:100%;width:100%;position:relative;background:url('../images/bgstripes.png') repeat;}
#sb .scrollbar .track .thumb {height:14px;width:100%;overflow:hidden;position:absolute;top:0;}
BODY.dark #sb .scrollbar .track .thumb {background:url('../images/bgdarkctrl.png') repeat;}
BODY.light #sb .scrollbar .track .thumb {background:url('../images/bglightctrl.png') repeat;}
#sb .scrollElt{cursor:default;}
#sb .disable {display:none;}
#sidebar {}

/* MOVES *******************************************************/
#moveCon{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background: rgba(0, 0, 0, 0);}
.move {position:absolute;overflow:hidden;}
#moveCursor{position:absolute;}
#moveUp, #moveDown {width:100%;left:0;text-align:center;}
#moveUp {top:40px;}
#moveDown {bottom:10px;}
#moveUpInside, #moveDownInside, #moveRightInside, #moveLeftInside {position:relative;padding:2px 5px 2px 5px;display:none;}
#moveUpInside, #moveDownInside {padding:4px 10px 4px 10px;}
#moveUpInside {top:100%;}
#moveDownInside {top:-100%;}
#moveRight, #moveLeft {height:100%;top:0;}
#moveRight {right:10px;}
#moveLeft {left:50px;}
#moveRightInside, #moveLeftInside {top:5px;}
#moveRightInside {left:-100%;}
#moveLeftInside {left:100%;}
.emptyCursor {cursor:url('../images/empty.cur'), auto;}
.defaultCursor {cursor:auto;}
.endlink { } /* Customize end links here */

/* GRID ********************************************************/
NAV#gridNav {position:absolute;padding:0;text-align:left;overflow:hidden;}
NAV#gridNav DIV#gridMove {position:relative;max-height:100px;overflow:hidden;}
NAV#gridNav DIV#gridMove DIV.gridView {height:75px;}
NAV#gridNav DIV#gridMove DIV.gridView UL {height:75px;position:relative;list-style:none;margin:0;padding:0;display:block;}
NAV#gridNav DIV#gridMove DIV.gridView UL LI {float:left;position:relative;clear:none;overflow:hidden;margin:0px 5px 0px 0px;cursor:pointer;display:inline-block;height:100%;}
NAV#gridNav DIV#gridMove DIV.gridView UL LI:last-child {margin-right:0;}
NAV#gridNav DIV#gridMove DIV.gridView UL LI IMG{position:absolute;bottom:0;}
DIV.thumbNum {position:absolute;top:0;right:0;width:18px;text-align:center;padding:2px;white-space:nowrap;font-size:0.8em;line-height:1em;}
DIV.thumbTitle {position:absolute;bottom:0;left:0;padding:2px;white-space:nowrap;font-size:0.8em;line-height:1em;}

/* HIDE ALL ****************************************************/
#hideAllCon {position:absolute;bottom:0;left:0;width:40px;height:40px;overflow:hidden;}
BODY.dark #hideAllCon {background-position:0px 0px;}
BODY.light #hideAllCon {background-position:0px -40px;}

/* POST INFO **************************************************/
#postsCon {position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;}
.post {position:absolute;width:100%;height:100%;top:-100%;left:0;overflow:hidden;background-repeat:repeat;}

#infoPopupBg {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
BODY.dark #infoPopupBg {background:url('../images/bgdarkdisable.png') repeat;}
BODY.light #infoPopupBg {background:url('../images/bglightdisable.png') repeat;}
#infoPopup {position:absolute;top:140px;right:130px;bottom:130px;left:130px;padding:10px;text-align:left;overflow:hidden;}
BODY.dark #infoPopup {background:url('../images/bgdarkcontent.png') repeat;}
BODY.light #infoPopup {background:url('../images/bglightcontent.png') repeat;}
#infoPopup .viewport {width:100%;height:99%;overflow:hidden;position:relative;clear:none;float:left;}
#infoPopup .overview {list-style:none;position:absolute;left:0;top:0;width:100%;height:auto;}
#infoPopup .scrollbar {position:absolute;top:40px;bottom:10px;width:14px;right:13px;}
#infoPopup .scrollbar .track {background-repeat:repeat;height:100%;width:100%;position:relative;background:url('../images/bgstripes.png') repeat;}
#infoPopup .scrollbar .track .thumb{background-repeat:repeat;height:14px;width:100%;overflow:hidden;position:absolute;top:0;}
#infoPopup .scrollElt{cursor:default;}
#infoPopup .disable {display:none;}
#infoPopup IMG {max-width:100%;height:auto;width:auto\9;/* ie8 */}

#infoPopup .close {background-image:url('../images/c24.png');width:20px;height:20px;position:absolute;cursor:pointer;}
#infoPopup .close {top:10px;right:10px;}
BODY.dark #infoPopup .close {background-position:-50px -122px;background-color:black;}
BODY.light #infoPopup .close {background-position:-2px -122px;background-color:white;}

/* BOTTOM RIGHT CONTROLS **************************************/
#bottomRightControls {position:absolute;line-height:0;vertical-align:bottom;}
#partInfoButton {position:relative;float:right;clear:both;margin:10px 0 0 10px;display:inline-block;cursor:pointer;}
#partCounter {position:relative;float:right;clear:both;margin:10px 0 0 10px;}
#partNumbers {padding:0;white-space:nowrap;}
#pnIndex {float:right;clear:none;text-align:right;}
#pnCount {float:right;clear:none;margin-left:5px;text-align:left;font-size:16px;}

#partGauge {position:absolute;bottom:0;height:3px;background-color:red;display:none;}

/* PART INFO **************************************************/
#partPopup {position:absolute;top:140px;right:130px;bottom:130px;left:130px;padding:10px;text-align:left;overflow:hidden;}
BODY.dark #partPopup {background:url('../images/bgdarkthumb.png') repeat;}
BODY.light #partPopup {background:url('../images/bglightthumb.png') repeat;}
#partPopup .viewport {width:100%;height:100%;overflow:hidden;position:relative;clear:none;float:right;margin-right:10px;}
#partPopup .overview {list-style:none;position:absolute;left:0;top:0;width:100%;}
#partPopup .scrollbar {width:14px;position:relative;clear:none;float:right;}
#partPopup .scrollbar .track {background-repeat:repeat;height:100%;width:100%;position:relative;background:url('../images/bgstripes.png') repeat;}
#partPopup .scrollbar .track .thumb{background-repeat:repeat;height:14px;width:100%;overflow:hidden;position:absolute;top:0;}
BODY.dark #partPopup .scrollbar .track .thumb{background:url('../images/bgdarkscroll.png') repeat;}
BODY.light #partPopup .scrollbar .track .thumb{background:url('../images/bgdarkscroll.png') repeat;}

#partPopup .scrollElt{cursor:default;}
#partPopup .disable {display:none;}
#partPopup IMG {max-width:100%;height:auto;width:auto\9;/* ie8 */}

.partInfoTextCon {clear:both;float:right;margin-bottom:7px;text-align:right;}
H2.partInfoTitle {padding:3px;border-top:0;}
.partInfoExcer {padding:2px;}
.partInfoDescr {padding:1px;}
.partInfoHtmlCon {clear:both;width:100%;margin-bottom:7px;}

.part {position:absolute;width:100%;height:100%;top:0;left:100%;overflow:hidden;text-align:center;}
.partSlide {top:0;left:100%;}
.partFade {top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.partImg {position:absolute;top:0;left:0;}
.partInfo {}

.pointer {cursor:pointer;}

/* Z-INDEX ****************************************************/
#infoPopupBg, #infoPopup {z-index:0;}
.part {z-index:100;}
.move {z-index:501;}
#moveCursor {z-index:500;}
#moveGo {z-index:501;}
#moveCon {z-index:502;}
#partPopup {z-index:1550;}
#logo {z-index:200000;}
#sbControls, #sb {z-index:2000;}
#partCounter, #bottomRightControls, #partGauge {z-index:2000;}
#infoPopupBg {z-index:3000;}
#pbControls {z-index:3100;}
#pbNav, #pbList, #pbList DIV.thumb {z-index:3200;}
#pbList DIV.thumb IMG.thumbImg {z-index:3201;}
#pbList DIV.thumb SPAN.thumbTitle, #pbList DIV.thumb SPAN.thumbCats, #pbList DIV.thumb SPAN.thumbTags {z-index:3202;}
#pbList DIV.thumb DIV.thumbCache {z-index:3203;}
#gridNav {z-index:3400;}
.move.z-info {z-index:3501;}
#moveCursor.z-info {z-index:3500;}
#moveGo.z-info {z-index:3501;}
#moveCon.z-info {z-index:3502;}
#pbControls.z-info {z-index:3503;}
#infoPopup {z-index:3600;}
#topBar {z-index:50000;}
#loadingCon {z-index:100000;}
#loadingDone {z-index:100001;}
#loader {z-index:100002;}
#loadingTitle {z-index:100003;}
#optimizingCon {z-index:100000;}
#copyright {z-index:150000;position:absolute;bottom:10px;right:10px;font-family:Verdana;font-size:10px;line-height:10px;}
#hideAllCon {z-index:150001;}
#badScreen {z-index:150002;background:#FFF;color:#000;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;text-align:center; vertical-align:middle;display:none;}
#badScreen p {margin:50px auto;width:240px;}

/* DEBUG ******************************************************/
div#xdebug{z-index:200000;height:500px;overflow:auto;}