/*
 Theme Name: WordPress Default
 Theme URI: http://wordpress.org/
 Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
 Version: 1.6
 Author: Michael Heilemann
 Author URI: http://binarybonsai.com/
 Tags: blue, custom header, fixed width, two columns, widgets
 
 Kubrick v1.5
 http://binarybonsai.com/kubrick/
 
 This theme was designed and built by Michael Heilemann,
 whose blog you will find at http://binarybonsai.com/
 
 The CSS, XHTML and design is released under GPL:
 http://www.opensource.org/licenses/gpl-license.php
 
 */
/* clear all browser padding and margins */ * {
    padding: 0px;
    margin: 0px;
}

body {
    text-align: center;
    background-color: #EFEFEF;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 0.65em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.6em;
    color: #454545;
}

code {
    visibility: collapse;
    visibility: hidden;
    position: absolute;
    top: -8000px;
}

input {
    font-size: 20px;
    width: 400px;
    padding: 3px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
}

textarea {
    font-size: 14px;
    width: 500px;
    height: 300px;
    padding: 3px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
}

li {
    list-style-type: none;
}

a, a:active, a:visited {
    border: none;
    font-weight: normal;
    text-decoration: none;
    color: #787878;
    outline: none;
}

a:hover {
    border: none;
    font-weight: normal;
    text-decoration: none;
    color: #040404;
    outline: none;
}

a#overlay {
    padding: 0 0 0 16px;
    background-image: url(http://www.loahn.co.uk/wp-content/themes/default/images/clip.png);
    background-position: left;
    background-repeat: no-repeat;
}

a:hover#overlay {
    background-image: url(http://www.loahn.co.uk/wp-content/themes/default/images/clip-over.png);
    background-position: left;
    background-repeat: no-repeat;
color: #FFFFFF;
}

#container {
    width: 840px;
    text-align: left;
    margin: 0 auto;
}

#make-contact {
    width: auto;
    margin-left: 0px;
    margin-top: 30px;
    margin-right: 10px;
    margin-bottom: 20px;
    text-align: right;
}

#header {
    width: auto;
    margin-left: 0px;
    margin-top: 50px;
    margin-bottom: 80px;
}

#contactcontainer {
    margin-left: 10px;
}

#contactform {
    width: 840px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 80px;
    text-align: left;
}

#intro {
    visibility: collapse;
    visibility: hidden;
    position: absolute;
    top: -2000px;
}

#archive-header {
    position: relative;
    text-align: left;
    width: 840px;
    height: 40px;
    margin: 0 auto;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 10px;
    overflow: hidden;
}

#content-header {
    position: relative;
    text-align: left;
    width: 840px;
    height: 60px;
    margin: 0 auto;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 10px;
    overflow: hidden;
}

#content-title {
    position: absolute;
    text-align: left;
    width: 820px;
    height: auto;
    margin: 0 auto;
    top: 0;
}

#content-info {
    position: absolute;
    text-align: left;
    width: 820px;
    height: auto;
    margin: 0 auto;
    top: 26px;
}

#content-dresser {
    position: relative;
    text-align: center;
    width: 840px;
    height: 468px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 70px;
    background-image: url(http://www.loahn.co.uk/wp-content/themes/default/images/content-flat-bg.png);
    background-position: left;
    background-repeat: no-repeat;
    overflow: hidden;
}

#contact-content-dresser {
    position: relative;
    text-align: center;
    width: 840px;
    height: 330px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    background-image: url(http://www.loahn.co.uk/wp-content/themes/default/images/contact-bg.png);
    background-position: left;
    background-repeat: no-repeat;
    overflow: hidden;
}

#content-projectinfo {
    position: absolute;
    text-align: left;
    width: 820px;
    height: 100px;
    margin: 0 auto;
    top: 0px;
    font-size: 1.1em;
}

#column1 {
    width: 80px;
    height: 100px;
    float: left;
    background-image: url(http://www.loahn.co.uk/wp-content/themes/default/images/left-off.png);
    background-repeat: no-repeat;
    background-position: top;
	z-index:10000;
}

#column1:hover {
    background-image: url("http://www.loahn.co.uk/wp-content/themes/default/images/left-over.png");
    background-repeat: no-repeat;
    background-position: top;
	z-index:10000;
}

#column2 {
    width: 740px;
    height: 100px;
    float: right;
}

#innerColumnLeft {
    width: 660px;
    height: 100px;
    float: left;
}

#innerColumnRight {
    width: 80px;
    height: 100px;
    float: right;
    background-image: url(http://www.loahn.co.uk/wp-content/themes/default/images/right-off.png);
    background-repeat: no-repeat;
    background-position: top;
	z-index:10000;
}

#innerColumnRight:hover {
    background-image: url("http://www.loahn.co.uk/wp-content/themes/default/images/right-over.png");
    background-repeat: no-repeat;
    background-position: top;
	z-index:10000;
}

#arrow-overlay {
    width: 80px;
    height: 100px;
    display: block;
    background: none;
    border: none;
    outline: none;
}

h2 {
    margin: 0px;
    color: #CCCCCC;
    font-weight: bold;
    font-size: 24px;
}

h3 {
    margin: 8px 0px 8px 0px;
    color: #FFFFFF;
    font-weight: bold;
}

/* - - - - - - - - - - - - - - - - - - - - - -  boxgrids */
.boxgrid {
    width: 820px;
    height: 461px;
    margin-left: 10px;
    float: left;
    background: #161613;
    border: solid 0px #000;
    overflow: hidden;
    position: relative;
}

.boxgrid div.imgHolder {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

.boxgrid p {
    padding: 0;
    color: #FFFFFF;
    line-height: 1.4em;
}

.boxcaption {
    position: absolute;
    background: #000000;
    height: 100px;
    width: 100%;
    opacity: .7;
    /* For IE 5-7 */
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	z-index:9000;
}
            	
            	.captionfull .boxcaption {
            		top: 461px;
            		left: 0px;
            		text-align: left;
					z-index:9010;
            	}
            	.caption .boxcaption {
            		top: 461px;
            		left: 0px;
					z-index:9020;
            	}
            
	            .pics {  
	                width:   820px;  
	            	height:  461px; 
	                padding: 0;  
	                margin:  0;  
	            } 
	             
	            .pics img {  
	                width:  820px; 
	                height: 461px; 
	                top: 0; 
	                left: 0 
	            }