/*
Theme Name: CUTS: The Cupboard Under The Stairs
Theme URI: http://thecupboardunderthestairs.com/
Description: Wordpress Theme for The Cupboard Under The Stairs.  Design by <a href="http://danielhutchinson.com">Daniel Hutchinson</a>
Version: 1.0
Author: Pete Goodman / Daniel Hutchinson
Author URI: http://petegoodman.com/

*/

/* html elements */
    /* reset margins and padding - cross browser compatibility */
    @import url(./css/reset.css);

    /* always display a vertical scrollbar - Gecko/Webkit */
    html {
        height : 100.1%;
        margin-bottom : 1px;
    }

    /* positioning of main content in the body */
    body {
        background: url(./images/global_bg_tile.png) #999 repeat-y center top;
        color : #333;
        font : 62.5%/1.25 Helvetica, Arial, Verdana, sans-serif; /* reset 1em to 10px */
    }


    /* headings */
        h1, h2, h3, h4, h5 {
            font-weight : bold;
        }
        
        h1 {
            font-size : 2.8em;
        }

        h2 {
            font-size : 2.4em;
            font-family : "Adobe Garamond Pro", Georgia, "Times New Roman", Serif;
            font-weight : normal;
            margin-bottom : 0.5em;
        }
        
        h3 {
            font-size : 1.8em;
            font-family : "Adobe Garamond Pro", Georgia, "Times New Roman", Serif;
            font-weight : normal;
            margin-bottom : 0.7em;
        }
        
        h4, 
        h5 {
            color : #666;
            font-size : 1.3em;
            margin : 0 0 1em 0;
        }
        
        h5 {
            margin : 0;
        }


    /* forms */
        fieldset { 
            border : 0px; 
        }
        
        legend { 
            display : none; 
        }

        form {
            margin-bottom : 2em;
        }

        /* reset all standard form fonts */
        form * {
            font-family : Helvetica, Arial, Verdana, sans-serif;
        }

        input {
            font-size : 1.2em;
            padding : 3px 3px 3px 3px;
        }
        
        select {
            background : #fff;
            border : 1px solid #c0c0c0;
            font-size : 1.2em;
            line-height : 1;
            padding : 2px 0 0 0;
            width : 12em;            
        }
        
        option {
            padding : 2px 3px;
        }

        label, 
        form p {
            display : block;
            font-size : 1.2em;
            font-weight : bold;
            margin-bottom : 0;
        }
        
        textarea {
            border : 1px solid #c0c0c0;
            font-size : 1.2em;
            margin-right : 5px;
            padding : 3px;
            width : 330px;
        }
        
        /* forms : extra classes */
            input.text {
                border : 1px solid #c0c0c0;
                margin : 0px 5px 5px 0px;
                padding : 3px;
                width : 20em;
            }

            input.radio {
                margin-top : 4px;
            }
            
            input.checkbox {
                margin : 4px 5px 0px 0px;
            }
            
            p.error,
            label.error {
                color : #666;
                font-weight : bold;
            }

            .button,
            button {
                background : #000;
                border : 0px;
                color : #fff;
                cursor : pointer;
                font-size : 1.2em;
                margin : 1em 0 1em 0em;
                padding : 5px 15px; 
                overflow : visible;
                width : auto;
            }

            /* forms : input container */
                .inputcontainer {
                    display : block;
                    margin-bottom : 1.5em;
                }

                .inputcontainer label {
                    float : left;
                    width : 15em;
                }
                
                .inputcontainer input.text {
                    float : left;
                }
            
                /* to keep several elements within an input container horizontally aligned */
                .inputblock {
                    float : left;
                    width : 250px; /* required for safari */
                }
    

    /* tables */
        
        /* tables - extra classes */


    /* lists */
        ul,
        ol, 
        dl {
            font-size : 1.3em;
            margin : 0 0 1.5em 0;
        }

        ol {
            margin-left : 24px;
        }

        li {
            padding : 0 0 0.5em 10px;
        }

        ul li {
            /* background : url(../../img/site/bullet_white.gif) transparent no-repeat 0px 3px; */
        }

        /* Lists : extra classes */
        


    /* text */
        p,
        address {
            font-size : 1.2em;
            font-style : normal;
            line-height : 1.25;
            margin : 0 0 1.5em 0;
        }
        
        em {
            font-style : italic;
        }
        
        strong {
            font-weight : bold;
        }
        
        /* text : extra classes */
            

    /* misc */
        img {
            border : 0;
        }
            

    /* links */
         a {
            color : #666;
            outline : none;
            text-decoration : none;
        }

        a:hover {
            color : #000;
            text-decoration : none;
        }

        a:active {
            outline : none; /* remove dotted border around selected navigation in Firefox */
        }



    /* global classes */
        /* print styles */
            .printonly { 
                display : none !important; 
            }
            
        /* clearfix - fixes float clearing issues */
             /* Gecko-based browsers */
             .clearfix:after {
                 clear : both; 
                 content : "."; 
                 display : block; 
                 height : 0; 
                 visibility : hidden;
            }


        /* ul --> change | into | horizontal | navigation | links */
            ul.horiznavlist { }

            /* float selected element and all other links */
            ul.horiznavlist li {
                background : none;
                /*border-right : 1px solid #333;*/
                display : block;
                float : left;
                padding : 0 6px 0 0;
            }

            /* remove left padding from first item in a list */
            ul.horiznavlist li.first {
                padding-left : 0 !important;
            }
            
            /* remove right padding from last item in a list */
            ul.horiznavlist li.last {
                border-right : 0 !important;
                padding-right : 0 !important;
            }


        /* horizontal rule (hr) - allows universal control */
            .hr {
                border : 1px solid #333; /* necessary to ensure hr is only 1px high in all browsers */
                clear : both;
                color : #333; /* needed for IE */                
                height : 3px;
                margin : 10px 0 20px 0;
                padding : 0;
            }

            hr {
                display : none;
            }


/* global ids / areas */
    /* wrapper - surrounds all page content */
        #wrapper {     
            margin : 0 auto;
            padding : 0 45px;            
            width : 900px; 
        }


        /* header */
            #header {
                border-bottom : 1px solid #000;
                margin-bottom : 60px;
                padding : 44px 0 19px 0;
            }
            
            /* header - logo */
                #header #logo {
                    float : left;
                    margin-top : 1px;
                    width : 345px;
                }
                

            /* header - navigation */
                #header ul#navigation { 
                    float : right;
                    font-family : "Adobe Garamond Pro", Georgia, "Times New Roman", Serif;
                    font-size : 1.8em;
                    list-style : none;
                    line-height : 1;
                    margin : 0;
                    padding : 0;
                    text-align : right;
                    width : 370px;
                }
            
                #header ul#navigation li { 
                    display : inline;
                    margin : 0;
                    padding : 0;
                }
            
                #header ul#navigation li a { 
                    color : #999;
                    background : url(./images/global_header_nav_divider.png) transparent no-repeat right center;
                    margin-right : 0px;
                    padding : 0 10px 0 0;
                }
            
                /* selected nav element */
                #header ul#navigation li.current_page_item a,
                body.blog #header ul#navigation li.page-item-5 a,
                #header ul#navigation li a:hover {  
                    color : #000;
                }
                
                /* last nav element */
                #header ul#navigation li.page-item-14 a {
                    background : none;
                    margin-right : 0;
                    padding-right : 0;
                }


        /* content area */
            #content {
                padding : 0 0 100px 0;
            }

        
        /* footer */
            #footer { 
                border-top : 1px solid #000;
                padding-top : 10px;
            }
            
            #footer p {
            } 
        


/* page specific styles */
    /* Work (Home) page */
        body#work { }
        
        body#work #content {
            margin-top : -25px;
            position : relative;
        }
        
        body#work select {
            width : 900px;
            margin : 0;
        }
        
        body#work legend, 
        body#work label {
            display : none;
        }
        
        body#work #project-images.js {
            float : left;
            position : relative;
		    left : 0px;
		    top : 0px;
		    width : 715px;
		    height : 707px;
        }
        
        body#work #project-images.js img {
            position : absolute;
			left : 0px;
			top : 0px;
        }
        
        body#work #project-details {
            display : inline;
            float : left;
            margin-left : 10px;
            width : 175px;
        }
        
        
        /* slide navigation - added via javascript */
            body#work ul#slide-nav {
                display : block;
                margin-bottom : 30px;
            }
            
            body#work ul#slide-nav li {
                display : block;
                float : left;
                padding : 0;
            }
            
            body#work ul#slide-nav li a {
                display : block;
                margin : 0 7px 0 0;
            }
            
            body#work ul#slide-nav li.selected a {
                color : #000;
            }


    /* about page */
        body#about .entry img {
            float:left;
            margin:0 10px 100px 0;
        }
        
        body#about .entry p, 
        body#about .entry div {
            display : inline;
            float : left;
        }
        
        body#about #content,
        body#about .post {
            overflow:auto;
        }
                
        body#about #our-story { 
            float : left;
            width : 160px;
        }
        
        body#about #our-story p { 
            font-size : 1.1em;
        }
    
    
    /* contact page */
        body#contact { }

        body#contact .entry p, 
        body#contact .entry div {
            display : inline;
            float : left;
        }
        
        body#contact ul#contactdetails { 
            float : left;
            font-size : 1.1em;
            list-style : none;
            width : 160px;
        }
        
        body#contact ul#contactdetails li {
            margin-bottom : 1.5em;
        }
        
        body#contact ul#contactdetails strong {
            display : block;
            font-size : 1.1em;
        }



    /* blog pages */
        /* content - main: blog post area  */
            body.blog #content #main {
                float : left;
                width : 530px;
            }
            
            body.blog #content #main p.date {
                font-size : 1.1em;
                font-style : italic;
            }
            
            body.blog #content #main .post {
                margin-bottom : 3em;
            }
            
            body.blog #content #main p.metadata {
                margin-bottom : 2em;
            }
            
            body.blog #content h2 a {
                color : #000;
            }
            
            body.blog #content h2 a:hover {
                color : #999;
            }
            
            /* archive-type listing */
                body.blog #content #archive-type {
                    border-bottom : 1px solid #000;
                    margin-bottom : 1.5em;
                }
                
                body.blog #content #archive-type p {
                    margin-bottom : 0.5em;
                }
            
            /* blog - comments list */ 
                body.blog #content #main h3 {
                    border-top : 1px solid #000;
                    padding-top : 1.5em;
                }
            
                body.blog ol.commentlist {
                    font-size : 1.1em;
                    margin : 0 0 0 1.5em;
                }
                
                body.blog ol.commentlist li {
                    padding-left : 0;
                }
                
                body.blog ol.commentlist li.comment em {
                    color : #f00;
                    display : block;
                    font-size : 1.4em;
                    font-style : normal;
                    margin-bottom : 0em;
                }
                
                body.blog ol.commentlist p {
                    font-size : 1em;
                }
                
                body.blog ol.commentlist cite {
                    display : block;
                	font-weight: bold;
                	margin-bottom : 0.2em;
                }
                
                body.blog ol.commentlist span.says {
                    display : none;
                }
                
                body.blog ol.commentlist .commentmetadata {
                    font-style : italic;
                    margin-bottom : 0.2em;
                }
                
                body.blog ol.commentlist .commentmetadata a {
                    color : #333;
                }
                
                body.blog #recaptcha_widget_div {
                    margin-bottom : 1.4em;
                    padding-left : 17.7em;
                }
                
                body.blog p.recaptcha-error {
                    color : #f00;
                    font-size : 1.2em;
                    padding-left : 15em;
                }
                
                body.blog input.button {
                    margin-left : 15em; /* fixed for IE */
                }
                
                
        
        /* content - sidebar: post supporting info */
            body.blog #sidebar {
                float : right;
            	padding: 0;
            	width: 190px;
            }
            
            body.blog #sidebar ul {
                font-size : 1.1em;
            }
            
            body.blog #sidebar ul li {
                padding : 0 0 0.2em 15px;
            }
            
            body.blog #sidebar ul h3 {
                font-family : Helvetica, Arial, Verdana, sans-serif;
                font-size : 1.1em;
                font-weight : bold;
                margin-bottom : 0;
                padding-bottom : 0.3em;
            }
            
            body.blog #sidebar ul ul {
                font-size : 1em;
            }
            
            body.blog #sidebar ul ul li {
                padding-left : 0;
            }
            
            body.blog #sidebar ul#bloglinks li {
                overflow : auto;
                padding-bottom : 0.2em;
            }
            
            body.blog #sidebar ul#bloglinks li a {
                background : url(./images/external_link.gif) transparent no-repeat 100% 0%;
                display : block;
                clear : left;
                float : left;
                padding : 2px 13px 1px 0;
            }


/*
 * WP - extras...
 */
    .commentlist li .avatar { 
    	display : none;
    	float: right;
    	border: 1px solid #eee;
    	padding: 2px;
    	background: #fff;
    }

    /* WP - Captions */
        .aligncenter,
        div.aligncenter {
        	display: block;
        	margin-left: auto;
        	margin-right: auto;
        }

        .wp-caption {
        	border: 1px solid #ddd;
        	text-align: center;
        	background-color: #f3f3f3;
        	padding-top: 4px;
        	margin: 10px;
        	-moz-border-radius: 3px;
        	-khtml-border-radius: 3px;
        	-webkit-border-radius: 3px;
        	border-radius: 3px;
        }

        .wp-caption img {
        	margin: 0;
        	padding: 0;
        	border: 0 none;
        }

        .wp-caption p.wp-caption-text {
        	font-size: 11px;
        	line-height: 17px;
        	padding: 0 4px 5px;
        	margin: 0;
        }