/*
Theme Name: ThisMinisiteV1
Theme URI: http://thisminisite.com
Author: Logen   
Author URI: http://thisminisite.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1

*/






/* =Structure
-------------------------------------------------------------- */

html {    margin-top: 0;
    }

body {
    font-family: 'Oswald', 'Century Gothic';
    margin: 0;
    padding:0;
    background: #000;
    }

#page {
	display: block;
	margin: 0;
}

#page {
display: block;
margin: 0;
background: url(http://thisminisite.com/wp-content/uploads/2014/01/bkg.jpg) no-repeat fixed;
/* http://farm7.staticflickr.com/6169/6166453610_9c875b6c1d_b.jpg http://www.flickr.com/photos/fabrizioelavinia/6166453610/sizes/l/
 http://farm3.staticflickr.com/2774/4456318373_3de7f12009_b.jpg http://www.flickr.com/photos/nlann/4456318373/sizes/l/ */
background-size: cover;
}
#primary {
	float: right;
	width:68%;
        background: #fff;
        color: #303030;
        min-width: 320px;
	
}

#main {
padding: 0 8%;
// border-top: 2px #353F2B solid;
}
#content {
	margin: 7% !important;
}
#main .widget-area {
	float: left;
	overflow: hidden;
	width: 28%;
        min-width: 210px;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 7% !important;
}


/* links .. */

a {
    color: #417499;
    text-decoration: none;
    transition: 0.5s all;
    -moz-transition:0.5s all; /* Firefox 4 */
    -webkit-transition:0.5s all; /* Safari and Chrome */
    -o-transition:0.5s all; /* Opera */
    }
    
    a:hover {
    color: #9CD3BA;
    
    }
    
    
h1,h2,h3,h4 {
    text-transform: uppercase;
    margin-bottom: 5%;
    line-height: 1.2;
    }
    
h3 {
    font-size: 1.3em;
    color: #417499;
    }
/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */

h1#site-title {
    margin:0;
    }

#site-title a{
background: white;
border: 7px solid #2A4B63;
width: 150px;
padding: 10px;
font-size: 40px;
font-weight: normal;
text-transform: uppercase;
font-family: 'Oswald', 'Century Gothic';
text-align: center;
color: #2A4B63;
text-decoration: none;
overflow: hidden;
display: block;
line-height: 1.1;
transition: 0.5s all;
-moz-transition:0.5s all; /* Firefox 4 */
-webkit-transition:0.5s all; /* Safari and Chrome */
-o-transition:0.5s all; /* Opera */
}

#site-title a:first-line {
font-family: 'Oswald', 'Century Gothic';
font-size: 2em;
color: #000;

}

#site-title a:hover {
    -webkit-box-shadow:0 0 20px #fff; 
-moz-box-shadow: 0 0 20px #fff; 
box-shadow:0 0 20px #fff;
border: 7px solid #417499;
color: #417499;
opacity: 0.95;
filter:alpha(opacity=95);
}

#site-title a:first-line :hover {


color: #1E1E1E;

}

#site-description {
	font-size: 1.2em;
        font-weight: normal;
        margin: 0 0 0.2em;
        color: white;
        text-transform: uppercase;
        float: right;
}


/* =Menu
-------------------------------------------------------------- */

#access {
        font-family: 'Oswald', 'Century Gothic';
        text-transform: uppercase;
	background: #fff;
	display: block;
        font-size: 1.3em;
	float: right;
	margin: 0;
	width: 68%;
        min-width: 320px;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 2em;
	padding: 10px 1em;
	text-decoration: none;
        
        color: #000;

}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #dedede;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #417499;
}
#access ul ul a:hover {
	background: #417499;
}
#access ul li:hover > ul {
	display: block;
}

#access .homelink a {
    background: url(images/home.png) no-repeat center;
    width: 30px;
    height: 61px;
    overflow: hidden;
    display: block;
    text-indent: -99999px;
    padding: 0 0.4em;
    }
#access .homelink a:hover {
    background: #417499 url(images/home.png) no-repeat center;
    }
    
#access .current-menu-item {
    background: #417499;
    }
    
#access .homelink.current-menu-item {
    background: #417499 url(images/home.png) no-repeat center;
    }

#socialbuttons {
    width: 184px;
    margin: 5px 0;
    float: left;
    
    }


    
    
.menu-social-container li {
    margin: 5px;
    float: left;
    list-style: none;
    }
    
.menu-social-container li a {
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-align: -99999px;

    
    display: block;
    text-indent: -99999px;

    }
ul#menu-social {
    padding-left: 10px;
    margin:0;

    }
    
.Linkedin a, .Googleplus a, .Facebook a, .Twitter a {
    -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
        }
    
.Linkedin a:hover, .Googleplus a:hover, .Facebook a:hover,.Twitter a:hover {
       -webkit-box-shadow:0 0 20px #fff; 
-moz-box-shadow: 0 0 20px #fff; 
box-shadow:0 0 20px #fff;
    opacity: 0.85px;
    filter:alpha(opacity=85);
    }
    .Linkedin {
        background: url(images/linkedin.png) no-repeat;
        }
        
    .Facebook {
        background: url(images/fb.png) no-repeat;
        }
    .Twitter {
        background: url(images/twitter.png) no-repeat;
        }
    .Googleplus {
        background: url(images/googleplus.png) no-repeat;
        }




/* =Content
-------------------------------------------------------------- */

.sticky {
}
.entry-meta {
	clear: both;
	display: block;
        border-bottom: #D1ECFF 1px dotted;
        padding-bottom: 20px;
}
.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.entry-title {
text-transform: uppercase;
font-size: 2.25em;
line-height: 100%;
color: #3A3A3A;
}
.entry-title a {
color: #417499;
text-decoration: none;
transition: 0.5s all;
-moz-transition:0.5s all; /* Firefox 4 */
-webkit-transition:0.5s all; /* Safari and Chrome */
-o-transition:0.5s all; /* Opera */
}

.entry-title a:hover {
color: #6DC2FF;

}

.entry-content p {
margin-bottom: 4%;
}

.entry-content {
font-size: 1.25em;
font-family: 'Century Gothic';
line-height: 2;
}

.entry-content img {
border: #3A3A3A 5px solid;
}



.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}

.galleryid-4 {
max-height: 170px;
line-height: 110%;
}

.gallery img {
border: 3px solid #3a3a3a !important;
}

/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}

.gallery-item {
width: 30% !important;
padding: 0 5px;
font-size: 15px;
word-break: break-all;
min-width: 110px;
}

.gallery-icon {
    width: auto;
    }

.gallery-item img {
max-width: 150px;
min-width: 100px;
width: 100%;
height: auto;


}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
        font-family: 'Oswald', 'Century Gothic';
font-size: 0.8em;
}

#searchsubmit {
font-family: 'Oswald', 'Century Gothic';
font-size: 0.8em;
color: white;
text-transform: uppercase;
background: #2A4B63;
border: 2px #2A4B63 solid;
margin: 0;
}
input[type=text],
input#s {
	margin: 0 ;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* Get A Quote Form */

.pushbutton-wide {
font-family: 'Oswald', 'Century Gothic';
font-size: 0.8em;
color: white;
text-transform: uppercase;
background: #2A4B63;
border: 2px #2A4B63 solid;
margin: 0;
}

/* Share */

.sharedaddy.sd-sharing-enabled {
margin-top: 30px;
}

/* =Comments
-------------------------------------------------------------- */

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
	display: block;
        font-size: 1.2em;
}
.widget-area .widget_search {
	overflow: hidden;
}


.widget-area a {
    color: #fff;
    }
    

.widget-area a:hover {
    color: #75BCEF;
    }
    
.widget-area .widget_search input {
	float: left;
}

.widget-title {
text-transform: uppercase;
color: #fff;
}

#secondary {
    color: #fff;
    margin-top: 40px;
    }
    
.widget ul {
    padding: 0;
    
    }

.widget li {
    list-style: none;
	margin-bottom: 20px;
    
    }
#menu-pages ul.sub-menu {
    padding: 10px;
    }

a.timesince {
    clear: both;
    font-size: 0.8em;
    color: #9CD3BA;
    }
    
ul.tweets li {
    border-bottom: dotted 1px #9CD3BA;
    padding-bottom: 5px;
    }




/* =Footer
-------------------------------------------------------------- */

#colophon {
padding: 1em 0 0;
color: white;
text-align: center;
}
.clear {
    clear: both;
    }

/*  Branding  */
#branding {
    padding: 3% 8% 0;
//    border-bottom: 2px #353F2B solid;
}



/* Homep */

.homep {
    width: 27%;
    
    min-height: 410px;
    float: left;
    margin: 0.5%;
    padding: 0 2%;
    min-width: 110px;
    text-align: center;
    }
    
.home .homep {
    min-height: 10px;
    }
    
.homep h3 {
font-size: 1.3em;
text-align: center;
text-transform: uppercase;
margin:0;
padding: 10px 0;
}

.homep h4 {
font-size: 1.1em;
text-align: center;
text-transform: uppercase;
margin:0;
padding: 10px 0;
}

.homep p {
line-height: 170%;
font-size: 0.9em;

}


    
.min.homep {
background: #007F7F;
color: #D1FFE9;
}

.min.homep a {
color: #B3F2D6
}
.min.homep a:hover {
color: #D1FFE9;
}

.stan.homep {
background: #2B9100;
color: #B6EF9E;
}

.stan.homep a {
color: #B6EF9E;
}
.stan.homep a:hover {
color: #C4FFAA;
}
.des.homep {
background: #630091;
color: #DEC7EA;
}

.des.homep a {
color: #DEC7EA;
}
.des.homep a:hover {
color: #F2DBFF;
}


/* Mobile */

@media screen and (min-width: 1700px) {
    

     /*   #branding {
    background: url(images/gheader.jpg) no-repeat bottom center;
    	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
} */

    }

@media screen and (max-width: 1700px) {
    

   /*     #branding {
    background: url(images/mheader.jpg) no-repeat bottom center;
} */

    }

@media screen and (max-width: 1280px) {
    

      /*  #branding {
    background: url(images/cheader.jpg) no-repeat bottom center;

} */

#access {
        
        font-size: 1.2em;
        
        }
    #access a {
        height: auto;
        padding: 2px 0.8em;
        }
         #access .homelink a {

        height: 42px;
        }

    }

@media screen and (max-width: 795px) {
    
    #primary, #access {
        width: 100%;
        min-width: 280px;
        }
    #main .widget-area {
	float: left;
	overflow: hidden;
	width: 100%;
        min-width: 210px;
        }
       /* #branding {
    background: url(images/padheader.jpg) no-repeat bottom center;
} */
    
        
    #access {
        
        font-size: 1.2em;
        
        }
    #access a {
        height: auto;
        padding: 0 0.6em;
        }
         #access .homelink a {

        height: 38px;
        }

#searchform input#s {
width: 58%;

margin: 0;
}
#searchsubmit {

margin: 0;
width: 40%;
}

.widget {
    font-size: 1.5em;
    }
.widget li {
    border-bottom: dotted #ccc 1px;
    }
.widget .sub-menu li {
    border-bottom: 0;
    }
    }
    
@media screen and (max-width: 719px) {
    #socialbuttons {
        margin: 0 auto;
        float: none;
        }
   
        
         #site-description {
        float: none;
        text-align: center;
        font-size: 1.05em;
        }
        
    #site-title a {
        margin: 0 auto 10px auto;
        float: none; 
        width: 120px;
        font-size: 32px; 
        padding-bottom: 5px;
                    }
        

    
    .entry-title {
        font-size: 1.7em;
        }
        
    .entry-content {
    font-size: 1.05em;
    line-height: 2;
    }

   
        
    .entry-content img {
    width: 45%;
    height: auto;
    }
        
    
        
    .homep {
    width: 95%;
    padding: 2%;
    min-height: 50px;
    float: none;
    margin: 0.5%;
    padding: 0 2%;
    min-width: 200px;
    }
    .homep h3 {
    font-size: 1.8em;

    }

    .homep h4 {
    font-size: 1.4em;

    }

    .homep p {

    font-size: 1em;
    margin: 0;
    padding: 0 0 20px;
    }
    }

    
    

    
    
@media screen and (max-width: 480px) {
    
    #primary, #access {
        width: 100%;
        min-width: 280px;
        }
    #main .widget-area {
	float: left;
	overflow: hidden;
	width: 90%;
        min-width: 210px;
        }
 /*   #branding {
    background: url(images/mobileheader.jpg) no-repeat bottom center;
    
        
    }*/

  


}

#ie8 #branding .hgroup, #ie7 #branding .hgroup, #ie6 #branding .hgroup {
    width: 84%;
    
    margin: 0 auto;
}

#ie8 .branding, #ie7 .branding, #ie6 .branding {
    background: url(images/gheader.jpg) no-repeat bottom center;
    height: 100%;
    border-bottom: 2px #353F2B solid;
    width: 100%;
}
#ie8 #branding, #ie7 #branding, #ie6 #branding {
    border:0;
}

.spons img {
width: 100%;
}

.slideshow-slide-caption {
background: #fff !important;
color: #000 !important;
text-shadow: none !important;
}
.slideshow-window {
background: none !important;
border: 1px #ddd solid !important;
}