@s3path: 'http://s3.amazonaws.com/munchstudios';

@import "/vendor/twitter-bootstrap/lib/bootstrap.less";

// Variables
@linkColor: #FFF;
// @gridColumnWidth: 52px;
@grayDark: #FFF;

.logo {
    background: url("@{s3path}/layout/logo.png") no-repeat;
    height: 57px;
}

.cat {
    display: inline-block;
    background: url("@{s3path}/layout/cat.jpg") no-repeat;
    width: 180px;
    height: 162px;
}

body {
	font-family: Arial;
	background-attachment: fixed;
	background: #4D4B4C url("@{s3path}/layout/bg-plain.jpg") no-repeat top left fixed;
	color: #FFF;
	
	&.audio {
	    background-image: url("@{s3path}/layout/bg-audio.jpg");
    }
    
    &.photo {
	    background-image: url("@{s3path}/layout/bg-photo.jpg");
    }
    
    &.video {
	    background-image: url("@{s3path}/layout/bg-video.jpg");
    }
}

.horizontal {
    margin: 0;
    .unstyled,
    
    li {
        display: inline;
    }
}

.page-header {
    margin-top: 50px;
    margin-bottom: 10px;
    border-bottom: 2px solid #FFF;
}

#nav {
    font-size: 16px;
    border-bottom: none;
    text-align: right;
    margin-top: 43px;
    margin-bottom: 0;
    
    li {
        padding-left: 20px;
    }
    
    a {
    	text-transform: uppercase;
    }
}

.breadcrumbs {
    margin: 10px 0;
    
    li {
        color: #FFF;
    }
    
    a {
        text-decoration: underline;
    }
}

#services {
    margin: 15px 0 200px 0;
    padding: 3px;
    background-color: #FFF;
    
	> a {
	    margin: 0 3px 0 0;
	    width: 309px;
	    height: 226px;
	    background-repeat: no-repeat;
	    text-decoration: none;
        
        span {
            display: none;
            margin: 236px 0 0 8px;
        }
        
        &:hover {
	        background-position: -309px 0;
	        
	        span {
                display: block;
                color: #FFF;
            }
        }
    }
    
    .video {
    	background-image: url("@{s3path}/layout/services-video.jpg");
    	margin-right: 0;
    }

    .photo {
    	background-image: url("@{s3path}/layout/services-photo.jpg");
    }

    .audio {
    	background-image: url("@{s3path}/layout/services-audio.jpg");
    }
}

footer {
    margin-top: 50px;
    text-align: center;
	border-top: none;
}

.reel {
    margin: 50px auto 0 auto;
    width: 568px;
}

.galleria-container {
    background: none;
}

.galleria-thumbnails {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.alert-message.block-message li {
    color: #404040;
}

.content-actions {
    .horizontal;
    margin: 10px 0;
    padding: 5px 0;
    background: #000;
    
    li {
        padding: 0 10px;
    }
}