/*
Theme Name: Responsive TwentyTen
Theme URI: http://wordpress.org/
Description: Responsive child theme for TwentyTen.
Author: Todd Halfpenny
Version: 0.1
Template: twentyten
Tags: black, blue, white, two-columns, fluid, responsive, custom-header, custom-background, theme-options, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/
@import url("../twentyten/style.css");

#wrapper,
#access,
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#footer {
    /*width: 940px;*/
    width: 100%;
}

#access {
    max-width: 940px;
}

#main {
    /*float:left;*/
}

.entry-content img.size-full {
    border: 1px solid #333;
    padding: 5px;
    -moz-box-shadow: 2px 2px 10px #333;
    -webkit-box-shadow: 2px 2px 10px #333;
}

iframe, object, embed {
    max-width: 100%;
}

.wp-caption {
    max-width: 100% !important; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}

.wp-caption img {
    height: auto;
}

@media screen and (max-width: 1024px) {
    #wrapper {
        margin: 0 auto;
        width: 100%;
    }

    #access,
    #access .menu-header,
    div.menu,
    #colophon,
    #branding,
    #main,
    #footer {
        margin: 0 auto;
        width: 100%;
    }

    #branding {
        overflow: hidden;
    }

    /* added extra lines from the next release of twentyten */
    #content img {
        max-width: 100%;
    }

    /*
    LAYOUT: Two columns
    DESCRIPTION: Responsive.
    940 = 720 + 220
    100% = 76.5957447% + 23.40425535% 
    */
    #container {
        float: left;
        margin: 0 -25.5319149% 0 0;
        width: 99%;
    }

    #content {
        width: 68.5957447%;
        /*margin: 0 29.787234% 0 20px;*/
        margin: 0 29.787234% 0 20px;
    }

    #primary,
    #secondary {
        overflow: hidden;
        width: 23.40425535%; /* 200px / 940px */
        margin-right: 20px;
    }

    #site-title, #site-info {
        width: 74.4680851% /* 700px / 940px */
    }

    #footer-widget-area .widget-area,
    #site-generator,
    #site-description {
        width: 23.40425535% /* 200px / 940px */
    }

}

@media only screen and (max-width: 1000px) {
    #front-page-stick-fig {
        width:auto; height:auto;
        float: left; 
        margin-right:30px; 
        padding-top: 10px;
        
    }
    #front-page-stick-fig img {
        width:50px; height:auto;
    }
    
    .contact-form-details {
        display: block;
    }

    #flip-scroll .cf:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    #flip-scroll * html .cf {
        zoom: 1;
    }

    #flip-scroll *:first-child + html .cf {
        zoom: 1;
    }

    #flip-scroll table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }

    #flip-scroll th,
    #flip-scroll td {
        margin: 0;
        vertical-align: top;
    }

    #flip-scroll th {
        text-align: left;
    }

    #flip-scroll table {
        display: block;
        position: relative;
        width: 100%;
    }

    #flip-scroll thead {
        display: block;
        float: left;
    }

    #flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

    #flip-scroll thead tr {
        display: block;
    }

    #flip-scroll th {
        display: block;
        text-align: right;
    }

    #flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top;
    }

    #flip-scroll td {
        display: block;
        min-height: 1.25em;
        text-align: left;
    }

    /* sort out borders */
    #flip-scroll th {
        border-bottom: 0;
        border-left: 0;
    }

    #flip-scroll td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    #flip-scroll tbody tr {
        border-left: 1px solid #babcbf;
    }

    #flip-scroll th:last-child,
    #flip-scroll td:last-child {
        border-bottom: 1px solid #babcbf;
    }

    #flip-scroll tbody tr:nth-child(2n+1) td, #flip-scroll tbody tr:nth-child(2n+1) th {
        background-color: rgb(249, 249, 249);
    }
}

@media screen and (max-width: 790px) {
    #front-page-stick-fig {
        display: none;
    }    
    
    .contact-textarea {
        display: block;

    }
    .contact-form-details input, textarea {
        width:100%;
    }
    .contact-form-details textarea {
        width:100%;
        margin-bottom:20px;
    }
    .contact-textarea {
        margin-right: 30px;
        width:auto;
    }
    .responsiveMenuSelect {
        margin-bottom: 10px;
        
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #000) );
	background:-moz-linear-gradient( center top, #000 5%, gray 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#000;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
        padding:5px;
	display:inline-block;
	color:white;
	font-size:16px;
	height:34px;
	line-height:27px;
	width:100px;
	text-decoration:none;
	text-align:center;
}

.responsiveMenuSelect:hover {

    }
}

@media screen and (max-width: 660px) {
    .banner-bg {
        width:100%; background: white; padding-bottom:20px; clear:both;
    }
    .footer-container {
        padding: 10px;
    }

    #access {
        background: white;
    }

    #footer-widget-area .widget-area {
        width: 290px;
    }

    

    #logo img {
        margin: 0 0 20px 0;

    }

    #badge {

        float: left;
        margin: 0px 90px 0px auto;
        /*background:white;*/
        text-align: center;
        height: 40px;;
    }

    .phonenumber {
        /*color:black;*/
        /*margin-left:10px;*/
    }

    #wrapper {
        margin: 0px auto;
        width: 100%;
    }

    #access,
    #access .menu-header,
    div.menu,
    #colophon,
    #branding,
    #main,
    #footer {
        margin: 0 auto;
        width: 100%;
    }

    #branding {
        overflow: hidden;
    }

    #site-title {
        width: 100%;
    }

    #container {

        float: left;
        width: 100%;
        overflow: auto;
    }

    #content {
        width: 93%;
        margin: 0 20px 0 20px;
    }

    .alignleft, img.alignleft, #content img.alignleft, .alignright, img.alignright, #content img.alignright {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    #primary,
    #secondary {
        float: left;
        overflow: hidden;
        width: 99%;
    }

    #secondary {
        clear: left;
    }

    #site-generator, #site-description, #site-info, #site-title {
        clear: left;
        float: left;
        width: 95%;
        padding: 0;
        margin: 0;
    }

}