/**
* @package GoPhotoWeb 
* @subpackage Mika Warholl Gallery Layouts
* @version 0.0
* @lastmodified March 24, 2011
* @author Kuzzy <kuzzzy@gmail.com>
*/

@import "reset.css";

/*** Branding ***/ 
body {font:normal 11px/1.4 Verdana, Arial, Helvetica, sans-serif;}



/**
* @section Headings
*/
h1, h2, h3, h4, h5, h6 {padding-top:0.6em;}
h1 {font-size:2.2em;}
h2 {font-size:2.0em;}
h3 {font-size:1.8em;}
h4 {font-size:1.6em;}
h5 {font-size:1.4em;}
h6 {font-size:1.2em;}

/**
* @section Typography
*/
p {margin-bottom:1.4em;}
ul {margin: 0 0.5em 1.2em 2.5em; list-style:disc;}
ol {margin: 0 0.5em 1.2em 2.8em; list-style:decimal;}

ul.nav, ol.nav {margin:0; list-style:none;}


/**
* @section Footerstick
*/
html, body {height:100%;}
.l-main-container {min-height:100%; position:relative; min-width:990px;}
    .l-wrapper {}
.l-footer {min-width:990px; text-align:center; padding:0;}

/**
* @section Main Layouts
*/
.l-container {padding:0 45px 45px 45px; margin:0 auto; position:relative; width: 888px;}
    .l-main {border-width:17px 17px 18px 20px; border-style:solid; height:500px;}

/**
* @section Header
*/
.l-header {text-align:center; padding: 0.1px 0 0.1px;}

/**
* @section Header
*/  
.nav-top {text-align:right; padding: 16px 0 8px;}
    .nav-top * {vertical-align:middle;}
    .nav-top a, .nav-top a:visited {display:inline-block; font-size:12px;} 
    .nav-gallery {display:inline-block; margin-right:4px; overflow: hidden; visibility: hidden;}
    .nav-gallery a{float:right;position: relative;margin-left: 8px;}
        .nav-gallery a, .nav-gallery a:visited {padding:3px 2px;}
        .nav-gallery a:hover {text-decoration:underline;}
        .nav-gallery.hide {width: 0px}
    .nav-main {display:inline-block;}
    .nav-main li {float:left;}
    .nav-main a, .nav-main a:visited {padding:3px 7px;}
    .nav-main a:hover, .nav-main .active a {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:2px 6px;}
    a.activegall{text-decoration: underline !important}
    .b-author-copyright {
        position:absolute;
        font-size:10px;
        width: 883px;
        text-align: right;
        top: 619px;
        padding-left: 6px;
    }

.page{height: 100%; width: 100%}
    .page td{vertical-align: middle}
.m-gallery {float: right; width: 750px;}
#photo-thumbs {height: 489px;}

/**
 * Login / password styles for private photo gallery
 */
#auth {text-align: left; margin: 0px auto; width: 400px;  padding: 20px; margin-top: 140px;}
    #auth input[type=text].error, #auth input[type=password].error {border: 1px solid #ee0000}
    #auth div {padding-bottom: 10px; text-align: left}
    #auth label {float: left; text-align: right; width: 80px; padding-right: 10px; line-height: 33px}
    #auth input[type=text], #auth input[type=password] {float: left; border:0; padding:9px 20px; font-size:11px; font-family:Verdana, Geneva, sans-serif; width:268px; margin:0 0 7px; border-width:1px; border-style:solid;}
    #auth input[type=submit] {border: 1px solid #aaaaaa; background: #cccccc; margin-left: 90px}

.none {display: none}
.loading {background: url('/images/loader.gif') no-repeat scroll 50% 50%}


/**
* @section SlideShow
*/  
.l-slideshow {position:absolute; top:47px; left:0px; z-index:10; height:535px;}
    .l-slideshow-i {position:relative; padding-left:24px;overflow: hidden; height: 525px; width: 114px;}
        .b-slide-nav {position:absolute; left:0; top:50%; margin-top:-50px;}
            .b-slide-nav img {display:block; margin-bottom:20px;}
        #photo-slider{ height:493px;position: relative;}
        #video-slider { height:529px;position: relative;}
        .thumb {margin-bottom:9px; position:relative;}
            .thumb img {display:block;}
        .b-slide-foot {text-align:center; margin-top: 22px;}
            .b-slide-foot a {text-decoration:none;}
            .b-slide-foot a:hover {text-decoration:underline;}              

#photo-up {background: url('/images/arr-top-bot.png'); background-position: 0px 0px; display: block; width: 16px; height: 17px; margin-bottom: 10px}
    #photo-up:hover {background-position: 0px -34px;}
#photo-down {background: url('/images/arr-top-bot.png'); background-position: 0px -17px; display: block; width: 16px; height: 17px }
    #photo-down:hover {background-position: 0px -51px;}

#photo-priv {display: inline-block; background: url('/images/arr-left-right.png'); background-position: 0px 0px; width: 14px; height: 10px; margin-right: 22px;}
    #photo-priv:hover {background-position: 0px -20px; cursor: pointer}
#photo-next {display: inline-block; background: url('/images/arr-left-right.png'); background-position: 0px -10px; width: 14px; height: 10px;  margin-left: 22px;}
    #photo-next:hover {background-position: 0px -30px; cursor: pointer}
/**
* @section Gallery
*/  
.l-gallery {}
    .b-gallery-wrap {word-spacing:750px; height:500px; overflow:hidden; text-align: center; /* display: table-cell; vertical-align: middle; */}
    .b-gallery-foot {text-align:center; position:absolute; bottom:15px; width: 763px;}
        .b-gallery-foot img {margin:0 20px;}
        .b-gallery-foot a {font-size:18px; text-decoration:none;  line-height:20px;}

/**
* @section Home
*/  
.l-home {width:888px;}
.b-home-intro img {display:block; margin: 0 auto}

/**
* @section Inner Pages
*/  
.l-inner {height: 500px;
    width: 826px;}
    .b-inner-content {float:left; width: 394px; padding-left:8px; position:relative; margin-right:-6px; z-index:10;}
        .b-inner-content .scroll-pane {width:100%; height:500px; overflow:auto;}
        .b-inner-i {padding:1.3em 20px 0 0;}
    .b-inner-img {float:left; width: 412px;height: 500px;}
        .b-inner-img img {display:block;}
        #background {display: table-cell; vertical-align: middle; height: 500px; width: 888px}
/**
* @section Contacts
*/      
.b-contacts {padding-top:24px; width:298px; margin-bottom:15px; margin-left:25px;}
    .b-contacts-i {padding-bottom:10px;}
    .b-contacts address {font-style:normal; padding:13px 18px 4px 25px; line-height:1.65; border-width:0 1px; border-style:solid;}
    .b-contacts address a, .b-contacts address a:visited {text-decoration:none;}
    .b-contacts address a:hover {text-decoration:underline;}
    
.f-contacts {width:309px; margin-left:22px;}
    .b-form-name {text-align:center; margin-bottom:16px;}
    .f-contacts .textbox {border:0; padding:9px 20px; font-size:11px; font-family:Verdana, Geneva, sans-serif; width:268px; margin:0 0 7px; border-width:1px; border-style:solid;}
    .f-contacts textarea.textbox {height:152px;}
    .f-contacts p {text-align:right;}   

/**
* Custom Buttons
*
* @section buttons
*/
.button {background-color:transparent; background-repeat:no-repeat; background-position:0 0; cursor:pointer; margin:0; padding:0; border:0; font-size:11px; font-family:Verdana, Geneva, sans-serif;}   
    

/**
* @section 700x1133
*/
.l-main-container.l-700 {}
    .l-main-container.l-700 .l-container {width: 1190px;}
    .l-main-container.l-700 .l-home {width:1190px;}
    .l-main-container.l-700 .l-slideshow {left: 0px; height: 682px;}
    .l-main-container.l-700 .l-main {height:700px;}
    .l-main-container.l-700 .b-author-copyright {width: 1188px; top: 820px}
        .l-main-container.l-700 .b-home-intro img {}
        .l-main-container.l-700 .m-gallery {width:1050px;}
        .l-main-container.l-700 #background {height: 700px; width: 1190px}
        .l-main-container.l-700 #forarr {width:1133px; height: 700px;}
        .l-main-container.l-700 .m-gallery .b-gallery-wrap img {}
        .l-main-container.l-700 .b-gallery-wrap {height:700px;}
        .l-main-container.l-700 #photo-slider {height: 653px;margin-bottom:10px;}
        .l-main-container.l-700 #video-slider {height: 683px; margin-bottom:10px;}
        .l-main-container.l-700 .b-gallery-foot {width: 1046px;}
        .l-main-container.l-700 .poloska {height: 700px}
        .l-main-container.l-700 .frame {padding-bottom: 14px}

        
        .l-main-container.l-700 .l-inner {height:700px; width: 1150px; left:0;}
        .l-main-container.l-700 .b-inner-img {width: 577px; overflow:hidden; height: 700px;}
            .l-main-container.l-700 .b-inner-img img {width:654px; height:700px;}
        .l-main-container.l-700 .b-inner-content {width: 554px;} 
        .l-main-container.l-700 .b-inner-content .scroll-pane {height:700px;}
        
		.l-main-container.l-700 .b-contacts {margin-left:97px;}
        .l-main-container.l-700 .f-contacts {width:443px;}
        .l-main-container.l-700 .f-contacts .textbox {width:400px;}
		.l-main-container.l-700 .f-contacts .textbox {width:400px;}
		.player-cont.player-700 #jplayer{width: 1176px;}
		/*.l-main-container.l-700 .b-slide-foot {margin-top:  37px;}*/
		.l-main-container.l-700 .l-slideshow-i {height: 722px;}
        .l-main-container.l-700 #photo-thumbs { height: 655px;}
		.l-main-container.l-700 .b-slide-foot {margin-top: 52px;}
/**
* @section 900x1456
*/
.l-main-container.l-900 {}
    .l-main-container.l-900 .l-container {width: 1493px;}
    .l-main-container.l-900 .l-home {width:1493px;}
    .l-main-container.l-900 .l-slideshow {left: 5px;}
    .l-main-container.l-900 .l-main {height:900px;}
    .l-main-container.l-900 .b-author-copyright {width: 1486px; top: 1015px}
        .l-main-container.l-900 .b-home-intro img {}
        .l-main-container.l-900 .m-gallery {width:1350px;}
        .l-main-container.l-900 #background {height: 900px; width: 1456px}
        .l-main-container.l-900 #forarr {width:1457px; height: 895px;}
        .l-main-container.l-900 .m-gallery .b-gallery-wrap img {}
        .l-main-container.l-900 .b-gallery-wrap {height:900px;}
        .l-main-container.l-900 #photo-slider {height:904px;}
        .l-main-container.l-900 #video-slider {height:934px;}
        .l-main-container.l-900 .b-gallery-foot {width: 1365px;}
        .l-main-container.l-900 .poloska {height: 900px}
        .l-main-container.l-900 .frame {padding-bottom: 13px}

        .l-main-container.l-900 .l-inner {height:900px; width:1470px; left:0;}
        .l-main-container.l-900 .b-inner-img {width:741px; overflow:hidden; height: 900px;}
        .l-main-container.l-900 .b-inner-img img {width:841px; height:900px;}
        .l-main-container.l-900 .b-inner-content {width: 717px;}
        .l-main-container.l-900 .b-inner-content .scroll-pane {height:900px;}

		.l-main-container.l-900 .b-contacts {margin-left:162px;}
        .l-main-container.l-900 .f-contacts {width:573px;}
        .l-main-container.l-900 .f-contacts .textbox {width:530px;}
		
		.player-cont.player-900 #jplayer{width: 1499px;}
		.l-main-container.l-900 .l-slideshow-i {height: 921px;}
		 .l-main-container.l-900 #photo-thumbs { height: 906px;}
		.l-main-container.l-900 .b-slide-foot {margin-top: 0px;}

/**
* Global Styles
*
* @section Global
*/
.g-nobg {background:none !important;}
.g-a-left {text-align:left !important;}
.g-a-right {text-align:right !important;}
.g-a-center {text-align:center !important;}
.g-upper {text-transform:uppercase;}
.g-noborder {border:0 !important;}
#photo-thumbs {overflow: hidden;}



#forarr {width: 952px; height: 515px; overflow: hidden;}
#upframe {width: 10000px;  position: relative; left: 0px;overflow: visible;}
#upframe .row {float: left; padding-right: 5px;margin-top: -10px;}
.frame {padding-bottom: 10px}