/*
Theme Name: Tex
Theme URI: http://wordpress.org/extend/themes/tex
Author: Robert Rusanu
Author URI: http://thinkwithstyle.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: 0.9
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats
*/
 
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
body{line-height:1;color:#111;font:normal 14px/1.6 helvetica, verdana, arial, sans-serif;background:#000 url(images/checkers.gif);padding:10px 0;}
ul{list-style:none;}
.entry-content ol{padding-left:20px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
#content p,#content ul,#content ol{margin-bottom:10px;}

/*.entry-content > p {clear:both}*/
a:link,a:visited,a:hover,a:active{outline:none;}
a{color:#03478C;text-decoration:none;}
a:hover{text-decoration:underline;}
i,em{font-style:italic;}
.clearfix:after,.inner:after,.menu:after,#main:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
h1,h2,h3,h4,h5,h6{color:#03478C;font-size:1.2em;font-weight:700;margin:0 0 5px;}
.single .entry-title,.page-title{font-size:1.4em;}

/* =Structure
--------------------------------------------------------------  */
#page{display:block;background:#fff;margin:1em auto;clear:both;padding: 0 5px 250px 5px;position:relative;}


#content{border:1px solid #E6E6E6;border-radius:4px 4px 4px 4px;padding:0 10px;position:relative}
.single #content, .page #content {}


.widget-container {margin-bottom:20px;clear:both;}
/* =Footer
--------------------------------------------------------------  */
#colophon{clear:both;padding:20px 0;}
#site-generator{color:#888;text-align:center;}
#colophon .menu li{float:left;margin-left:10px}
#colophon .menu li a{display:block;line-height:20px;border-left:1px solid #ddd}
#colophon .menu > li:first-child a {border:none}

#secondary img,#tertiary img{max-width:100%;}
.multi-wrap #content{border:none;padding:0;}
.multi-wrap #content .post{background:none repeat scroll 0 0 #FFF;border-bottom:1px dotted #D4D4D4;margin:0 0 10px 0;padding:10px 0;}
.catlist #content .post{border:none;margin:0;padding:5px 0;}
.catlist #content .post:nth-child(2n+1){background:#F5F5F5;}

.page-header,.single .entry-header{margin-bottom:20px;}
.entry-date{color:#999;font-size:0.95em;line-height:1.2;display:block;margin:5px 0;}
.multi-wrap.home-wrap #content .post:first-child{background:none repeat scroll 0 0 #F3F3F3;border:1px solid #DDD;padding:10px 30px;}
.meta-nav{font-weight:700;margin-bottom:10px;font-size:1.2em;line-height:1.1;}
.nav-previous .meta-nav{float:left;margin-right:5px;}
.nav-next .meta-nav{float:right;margin-left:5px;}

/* Text meant only for screen readers  */
.screen-reader-text,.assistive-text{position:absolute !important;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;}
/*
.printfriendly {position:absolute;left:-9999px}
.addthis_toolbox{position:absolute;right:10px;top:38px}
*/

.printfriendly{float:right}


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

#branding {position:relative}

#site-title{font-size:1em;margin:10px;}
#site-title a{background:url(images/logo3.jpg) no-repeat scroll 50% 50% transparent;height:0;overflow:hidden;display:block;background-size:contain;width:100%;padding-top:100px;}
#site-description{font-size:1em;font-weight:400;margin:0 0 1em;}
.search {padding: 0 10px;}

#top-widgets .widget-container {margin: 0 auto;max-width:320px}
/* =Menu
--------------------------------------------------------------  */

#access{display:none;}

.navigation{margin:10px 0;}


#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%;}
#nav-below{margin:10px 0 0;padding-top:10px;border-top:1px solid #DDDDDD}
.page-link{clear:both;margin:0 0 1em;}

#secondary .menu li a,#tertiary .menu li a {display:block;background: url(images/gradient-blue.gif) repeat-x scroll left center #03478C;border: 1px solid #000000;color: #FFFFFF;display: block;font-weight: 700;margin-bottom: 4px;padding: 4px 8px;text-decoration: none;}




/* banners */
#top-banners {margin: 10px 0;position:absolute;left:0;bottom:0;}
#top-banners .widget-container {float:left;margin-bottom:0}
#top-banners .widget-container > div, #tertiary .widget-container > div,#secondary .widget-container > div  {float:left;width:33.333%}
#secondary .widget-container.widget_nav_menu > div {float:none;width:100%}

/* 404 page  */
.error404 .widget{float:left;width:33%;}
.error404 .widget_tag_cloud{clear:both;float:none;width:100%;}

/* Notices  */
.post .notice,.error404 #searchform{background:#eee;display:block;padding:1em;}
.image-attachment nav{float:right;margin:0 0 1em;}
.image-attachment .entry-content{clear:both;}
.image-attachment .entry-content .entry-attachment{background:#eee;text-align:center;margin:0 0 1em;padding:1em;}
.image-attachment .entry-content .attachment{display:block;text-align:center;margin:0 auto;}

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

/* =Images
--------------------------------------------------------------  */
a img{border:none;}
img{max-width:100%;height:auto;}
.entry-content img {margin-bottom:0.2px}
/*
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.alignright.size-full,img.alignleft.size-full,img.size-medium,.attachment img,.widget-area img{max-width:100%;width:auto;height:auto;}
/*img.size-full {width:100%}*/

.wp-caption{text-align:center;padding:5px;background:#F1EFE6;border:1px solid #fff;-moz-box-shadow:1px 1px 4px #222;-webkit-box-shadow:1px 1px 4px #222;box-shadow:1px 1px 4px #222;}
.wp-caption img{display:block;width:100%;height:auto;padding:1px;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#content .wp-caption .wp-caption-text, #page .widget_sp_image-description p{margin:5px 0 0 0;}
#page .widget_sp_image-description {text-align:center}

#content .wp-caption .wp-caption-text:first-line, #page .widget_sp_image-description p:first-line {font-weight:bold}
.wp-caption, .aligncenter, .alignleft, .alignright {max-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}


/* =Forms
--------------------------------------------------------------  */
#access #searchform{float:right;padding:1px 0;}
input[type=text],input#s{width:80%;border:1px solid #222;padding: 3px 5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
input#searchsubmit {border:1px solid #222;padding:2px 5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:18%;}
#access #searchform {background:#efefef;}
textarea{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

.widget_archive select {width:178px;border:1px solid #ddd;padding:0 0 0 5px;height:20px;line-height:20px}

/* Class for labelling required form items  */
.required{color:#c03;}
#respond input[type=text]{display:block;width:60%;}
#respond textarea{display:block;width:80%;margin:0 0 1em;}
#respond .form-allowed-tags{clear:both;width:80%;}
.widget-area .widget_search{overflow:hidden;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.clearfix,.inner,.menu,#main,#access ul li:hover > ul,.paged #content #nav-above,.single #content #nav-above,.single .format-aside .entry-header,.single .format-image .entry-header,article.comment,#respond .form-allowed-tags code,.widget{display:block;}
b,strong,.catlist #content .post a{font-weight:700;}

.catlist #content .post .entry-date,.full-width #content,.image-attachment #content,.error404 #content,.wp-smiley{margin:0;}
.entry-meta,.page .edit-link{clear:both;display:block;}
.single-author .entry-meta .byline,#content #nav-above,.format-aside .entry-header,.format-image .entry-header,#searchform label{display:none;}
.error404 .widget .widgettitle,.error404 .widget ul,img.alignleft{margin-right:1em;}
.format-aside .entry-content,.format-aside .entry-summary,.format-image .entry-content,.format-image .entry-summary{padding-top:1em;}
.single .format-aside .entry-content,.single .format-aside .entry-summary,.single .format-image .entry-content,.single .format-image .entry-summary{padding-top:0;}

#primary .wp-paginate a {padding: 4px;}

/* #######################################################################

    meanMenu
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar { 
float: left;
width: 100%;
position: relative;
background: #0c1923;
padding: 4px 0 10px 0;
min-height: 42px;
z-index: 999999;
}
.mean-container a.meanmenu-reveal {
height: 42px;
padding: 0 13px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
line-height: 42px;
font-size: 18px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav { 
float: left;
width: 100%;
background: #0c1923;
margin-top: 33px;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 1em 5%;
margin: 0;
text-align: left;
color: #fff;
border-bottom: 1px solid #383838;
border-bottom: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
text-transform: uppercase;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-bottom: 1px solid #f1f1f1;
border-bottom: 1px solid rgba(255,255,255,0.25);
opacity: 0.75; 
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover { 
background: #252525;
background: rgba(255,255,255,0.1); 
}
.mean-container .mean-nav ul li a.mean-expand {
width: 26px;
height: 26px;
border: none !important;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: none;
}
.mean-container .mean-push { 
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both; 
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}

@media only screen and (min-width: 600px){
    
    #top-banners .widget-container > div  {width:20%}
    .entry-content .addthis_toolbox {/*float:left;width:49.9%;*/border-top:1px solid #eee;border-top:1px solid #eee;padding-top:10px}
    #page {padding-bottom:130px;}
}


@media only screen and (min-width: 768px){
    body {font-size:12px;}
    #site-title a {width:300px;}
    #top-widgets {position:absolute;top:10px;right:10px;width:370px}    
    
}

@media only screen and (min-width: 800px) {
    #page {padding:0;}
    #top-banners {position:static}
    #primary .wp-paginate a {padding: 4px 8px;}
   
    .menu-primary-container,.image-attachment div.entry-meta,.widget-area .widget_search input{float:left;}
    #access{background:url(images/gradient-grey.gif) repeat-x scroll 0 50% #333;height:30px;margin:0 0 20px;display:block}
    
    #access ul{list-style:none;padding-left:0;margin:0;}
    #access li{float:left;position:relative;}
    #access a{display:block;line-height:30px;border-right:1px solid #999;color:#FFF;font-size:1.2em;text-decoration:none;text-transform:uppercase;padding:0 10px;}
    #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;width:10em;height:auto;padding:.5em .5em .5em 1em;}
    #access li:hover > a,#access li.current-menu-item > a,#access ul ul :hover > a{background:#222;}
    #access ul ul a:hover{background:#cecece;}
    #access #searchform input#s{width:180px;}
    #access #searchfrom input#searchsubmit {width:70px;}
    
    
    #page{display:block;width:720px;border:3px solid #444;background:#fff;margin:1em auto;}
    
    #content-wrap{float:left;width:540px;}
    #primary{float:right;width:360px;}
    #content{border:1px solid #E6E6E6;border-radius:4px 4px 4px 4px;padding:0 10px;position:relative}
    .single #content, .page #content {}
    
    #secondary{float:left;width:160px;margin:0 10px}
    #tertiary{float:right;width:160px;margin:0 10px} 
    .search {padding:0;}   
    
    #tertiary .widget-container > div,#secondary .widget-container > div  {margin-bottom:15px;float:none;width:auto;}
}

@media only screen and (min-width: 1024px) {
    
    #site-title a {padding-top:119px;width:462px}
   /* =Structure
--------------------------------------------------------------  */
#page{display:block;width:960px;border:3px solid #444;background:#fff;margin:1em auto;}

#top-banners .widget-container > div{margin-left:10px;width:180px;}
#access #searchform  {background:none;}
#access #searchform input#s{line-height:28px;height:28px;border:none;padding:0 5px;}#access #searchform input#searchsubmit {width:50px}

#content-wrap{width:760px;}
#primary{width:560px;}
#content{border:1px solid #E6E6E6;border-radius:4px 4px 4px 4px;padding:0 10px;position:relative}
.single #content, .page #content {}

#secondary{width:180px;margin-left:10px}
#tertiary{width:180px;margin-right:10px} 
    
}