/*
Theme Name:     tweaker4-child
Description:    
Author:         Richard Bothne
Template:       tweaker4

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../tweaker4/style.css");

/* /36px */

body {
	font:20px 'Galdeano', sans-serif;
	color:#101532;
}

a:link, a:visited {
	color:#28357F;
}

a:hover, a:focus, a:active {
	 color:#4558C7;
}

table, table td, table th 
{
    border:none;
}

/* hide search */
#search {
	display: none;
}

/*
img#bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
*/
#wrapper {
	position:relative;
}


#title-container 
{
	height:120px;
	background: url(images/title.png) no-repeat;
}

#hotspots {
	position:relative;
}

#hotspots a {
	overflow:hidden;
	position:absolute;
}

#hotspots a:hover {
	border:1px dashed #666;
}

#hotspots a i {
	visibility: hidden;
}

a#home {
	left:0;
	top:0;
	width:438px;
	height: 0;
	padding-top:104px;
}

a#calendar {
	left:748px;
	top:6;
	width:44px;
	height: 0;
	padding-top:46px;
}


a#constantcontact {
	left:790px;
	top:6;
	width:44px;
	height: 0;
	padding-top:46px;
}

a#linkedin {
	left:832px;
	top:6;
	width:44px;
	height: 0;
	padding-top:46px;
}

a#facebook {
	left:874px;
	top:6;
	width:44px;
	height: 0;
	padding-top:46px;
}

a#instagram {
	left:917px;
	top:6;
	width:44px;
	height: 0;
	padding-top:46px;
}


#title {
	display:none;
}

#access {
	position:absolute;
	top:65px;
	/*left:485px;*/
    right:0;
	background:transparent;
	width:auto;
}

#access ul {
	font-size:18px;
}

#access li
{
    background:transparent;
    background-image:none;
    cursor:default;
}

#access a
{
    border:0;
    line-height: 1.5em;
    padding:0 .75em; 
}

#access ul ul {
	top: 1.5em;
}

#access .current_page_item a 
{
    background:none;  
    background-color:#831315;
}

#access li:hover > a
{
    background:none;
    background-color:#831315;
}

#access ul ul a
{
    border:0;
    background:none;
    background-color: #831315;
    font-size:16px;
    line-height:1.5em;
    padding: .3em .5em;
    width:180px;
}

#access ul ul :hover > a
{
    background:none;    
    background-color:#920306;
}

.home #container {
	background:transparent;
	padding-top:0;
	border:none;
}

#home-text {
	 padding:5px;
	 color:#4558C7;
}

/* no title on home page */
#post-8 h2 {display:none;}

#container {
	background-image: url(images/content-repeat.png);
	background-repeat: repeat-y;
    background-color:transparent;
    margin-top:20px;
}

#content-wide {
	width:860px;
	padding:0 60px;
}

#content {
	width: 560px;
	padding-left:60px;
}

#sidebar {
	margin-right:60px;
}

#cc-form {
	border:#101532 solid 2px;
	padding:10px;
	margin-bottom:20px;
}

#cc-form legend {
	display:none;
}

#footer-bottom {
	background:none;
	font-size:smaller;
	color:#999;
	margin-bottom:30px;
}

#footer-bottom a:hover, #footer-bottom a:focus, #footer-bottom a:active, #footer-bottom a:link, #footer-bottom a:visited
{
    color:#999	;
}

.wpcf7 h5
{
    margin-top:0;
}


.text-field, .text-area {
	width:275px;
}

.fm-textbox, .fm-textarea {
	width:300px;
}

/* drop Shadows */

/* Shared styles */
        
        .drop-shadow {
            position:relative;
/*            float:left;
            width:40%;    
            padding:1em; 
            margin:2em 10px 4em; 
*/           
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }
        
        .drop-shadow p {
            font-size:16px;
            font-weight:bold;
        }
        
        /* Lifted corners */

        .lifted {
            -moz-border-radius:4px; 
                 border-radius:4px;
        }
        
        .lifted:before,
        .lifted:after { 
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .lifted:after {
            right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                -ms-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }
        
        /* Curled corners */

        .curled {
            border:1px solid #efefef; 
            -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;    
                 border-radius:0 0 120px 120px / 0 0 6px 6px;
        }
      
        .curled:before,
        .curled:after {
            bottom:12px;
            left:10px;
            width:50%;
            height:55%;
            max-width:200px;
            -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
               -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
                    box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
            -webkit-transform:skew(-8deg) rotate(-3deg);
               -moz-transform:skew(-8deg) rotate(-3deg);
                -ms-transform:skew(-8deg) rotate(-3deg);
                 -o-transform:skew(-8deg) rotate(-3deg);
                    transform:skew(-8deg) rotate(-3deg);
        } 
      
        .curled:after { 
            right:10px; 
            left:auto;
            -webkit-transform:skew(8deg) rotate(3deg); 
               -moz-transform:skew(8deg) rotate(3deg);     
                -ms-transform:skew(8deg) rotate(3deg);     
                 -o-transform:skew(8deg) rotate(3deg); 
                    transform:skew(8deg) rotate(3deg);
        }
        
        /* Perspective */

        .perspective:before {
            left:80px;
            bottom:5px;
            width:50%;
            height:35%;
            max-width:200px;
            -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
               -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
                    box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
            -webkit-transform:skew(50deg);
               -moz-transform:skew(50deg);
                -ms-transform:skew(50deg);
                 -o-transform:skew(50deg);
                    transform:skew(50deg);
            -webkit-transform-origin:0 100%;
               -moz-transform-origin:0 100%;
                -ms-transform-origin:0 100%;
                 -o-transform-origin:0 100%;
                    transform-origin:0 100%;
        }
        
        .perspective:after {
            display:none;
        }
        
        /* Raised shadow - no pseudo-elements needed */
        
        .raised {
            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
        
        /* Curved shadows */

        .curved:before {
            top:10px;
            bottom:10px;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-border-radius:10px / 100px;
            border-radius:10px / 100px;
        }
        
        .curved-vt-2:before {
            right:0;
        }
        
        .curved-hz-1:before {
            top:50%;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
        }

        .curved-hz-2:before {
            top:0;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
        }
        
        /* Rotated box */
        
        .rotated {
            -webkit-box-shadow:none;
               -moz-box-shadow:none;
                    box-shadow:none;
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .rotated > :first-child:before {
            content:"";
            position:absolute;
            z-index:-1;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

/* HTML START */
/*
        <div class="drop-shadow lifted">
            <p>Lifted corners</p>
        </div>
        <div class="drop-shadow curled">
            <p>Curled corners</p>
        </div>
        <div class="drop-shadow perspective">
            <p>Perspective</p>
        </div>
        <div class="drop-shadow raised">
            <p>Raised box</p>
        </div>
        <div class="drop-shadow curved curved-vt-1">
            <p>Single vertical curve</p>
        </div>
        <div class="drop-shadow curved curved-vt-2">
            <p>Vertical curves</p>
        </div>
        <div class="drop-shadow curved curved-hz-1">
            <p>Single horizontal curve</p>
        </div>
        <div class="drop-shadow curved curved-hz-2">
            <p>Horizontal curves</p>
        </div>
        <div class="drop-shadow lifted rotated">
            <p>Rotated box</p>
        </div>
*/
/* HTML END */