/*
Theme Name: Eyeborg 2014
Theme URI: http://www.grahamwong.ca
Description: Child theme of Twenty Twelve. Changes Navigation to Side Bar, updates responsive design.
Author: Graham Wong
Version: 1.0
Template: twentytwelve
Tags: Eyeborg, Rob Spence, Sidebar, Video 
 
*/
@import url('../twentytwelve/style.css');

/* Import Google Fonts */
@import url(//fonts.googleapis.com/css?family=Lato:300,700,300italic,700italic);
@import url(//fonts.googleapis.com/css?family=Varela+Round);



/*Update site width*/

footer[role="contentinfo"] {
	max-width: 1100px;
}
@media screen and (min-width: 600px) {
	.site {
		max-width: 1100px;
		max-width: 78.571428571rem;
	}
}
.ie .site {
	max-width: 1100px;
}

/*move sidebar to left side*/
/*-- move sidebar to the left --*/
@media screen and (min-width: 600px) {
    .site-content {
        float: right;
    }
    .widget-area {
        float: left;
    }
}

/* for IE8 and IE7 ----------------*/
.ie .site-content {
    float: right;
}
.ie .widget-area {
    float: left;
}

/*Make website full-width of browser*/
body .site {
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    margin-bottom: 3.42857rem;
    margin-top: 0;
    padding-top: 0 2.85714rem;
}
.site {
    max-width: 100%;
	/*background:#f2f2f2;*/
	
}


/*Make it a Sidebar Navigation*/
.site-header {
    background: none repeat scroll 0 0 #2f425f;
    display: block;
    float: left;
    max-width: 250px;
    padding: 1.71429rem;
}

#masthead {
	float:left;
	height:100%;
	min-height:1000px;
}

#main {
	float:left;
	padding-left:50px;
	background:#ffffff;

	
	
}

#main .wrapper{
	width:100%;
	
	
}

body .site {
    box-shadow: 0 0px 0px rgba(255, 255, 25, 0);
    margin-bottom: 0;
    margin-top: 0;
}

.main-navigation li a, .main-navigation li {
    display: block;
    text-decoration: none;
}

#page {
	padding-left:0;
	
}

/*Set maximum width of images on pages*/
img.size-full, img.size-large, img.header-image, img.wp-post-image {
    height: auto;
    width: 90%;
}

/*Set maximum width of content on page*/
.entry-content, .entry-summary, .mu_register {
    line-height: 1.71429;
    max-width: 650px;
	text-align:justify;
text-justify:inter-word;
}

/*Fix wrapping of site description & Font Tweaks*/

.site-header h1 a, .site-header h2 a {
    color: #fff;
    display: inline-block;
    text-decoration: none;
	font-family: 'Lato', san-serif;
  	font-style: normal;
  	font-weight: 700;
}

.site-header h2 {
    color: #fff;
    font-family: 'Lato',san-serif;
    font-size: 0.928571rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.34615;
    max-width: 200px;
}

#logo {
	display:block;
	width:250px;
	height:55px;
	background-image:url('imgs/headerbig.gif');
	background-repeat:no-repeat;
	background-position:left;
	padding-bottom:10px;
	
	
}


/*Menu Font Change */
.main-navigation li a {
    border-bottom: 0 none;
    color: #fff;
    line-height: 2.25em;
    text-transform: uppercase;
    white-space: nowrap;
	font-family: 'Lato', san-serif;
  	font-style: normal;
  	font-weight: 300;
	font-size:18px;
}

/*Update content area*/


.entry-header .entry-title {
    font-size: 30px;
	font-family: 'Lato', san-serif;
  	font-weight: 700;
	line-height: 1.2;
    margin-bottom: 5px;
    text-transform: uppercase;
    word-spacing: 5px;
	color:#2f425f;
}

.entry-content h3, .comment-content h3 {
    font-size: 32px;
	font-family: 'Lato','Helvetica Neue',Helvetica,sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.2;
    margin-bottom: 26px;
	
}

.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    font-size: 1.1em;
    line-height: 1.51429;
    margin: 0 0 1.91429rem;
}

.site-content article {
    -moz-hyphens: auto;
    border-bottom: 0px solid #ffffff;
    margin-bottom: 5.14286rem;
    padding-bottom: 1.71429rem;
    word-wrap: break-word;
	color: #333333;
    font-family: 'Varela Round','Helvetica Neue',Helvetica,sans-serif;
    font-size: 100%;
    line-height: 1.5;
}

/*Adding Table to layout to make nav bar right height*/

#tablewrap {
	display: table;
}

#tablerow {
	display: table-row;
}

#navtable {
	display: table-cell;
	background-color: #2f425f;
	vertical-align:top;
}

#tablecontent {
	display: table-cell;
	background-color: #ffffff;
	vertical-align:top;
}



/*Menu hover*/
.main-navigation li a:hover {
	color:#9fbeec;
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
    color: #9fbeec;
    font-weight: bold;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #9fbeec;
    border-top: 1px solid #9fbeec;
    display: inline-block;
    text-align: left;
    width: 100%;
}

#socialbar {
	display:block;
	width:100%;
	text-align:center;
	color:#9fbeec;
	padding-top:25px;
	text-decoration:none;
}

#socialbar a{
	display:inline-block;
	text-align:center;
	color:#9fbeec;
	padding-top:25px;
	text-decoration:none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Responsive Menu */


#timebanner {
	display:inline-block;
	border-bottom: 1px solid #f2f2f2;
	width:100%;
	height:75px;
	padding-bottom:10px;
	display:inline-block;
	padding-top:10px;
	vertical-align:middle;
}

#timecopy {
	display:block;
	width:30%;	
	float:left;
	text-align:right;
	font-family: 'Varela Round','Helvetica Neue',Helvetica,sans-serif;
    font-size: 13px;
	color:#2f425f;
	font-weight:300;
	margin-top:35px;

}

#timelogo {
    background-image: url("imgs/timelogo.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 75px;
    margint-top: 50px;
    width: 75px;
	padding-left:20px;
}

#webbycopy {
	display:block;
	width:30%;	
	float:left;
	text-align:right;
	font-family: 'Varela Round','Helvetica Neue',Helvetica,sans-serif;
    font-size: 13px;
	color:#2f425f;
	font-weight:300;
	margin-top:35px;
}

#webby {
	background-image:url('imgs/webby.jpg');
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	width:100px;
	height:100px;
	float:left;
	padding-left:20px;
}

#twitterwidget {
	padding-top:10px;
	display:block;
	width:260px;
	height:350px;
	margin-left:auto;
	margin-right:auto;
}

#presskit {
	display:block;
	padding:18px;
	font-family: 'Varela Round','Helvetica Neue',Helvetica,sans-serif;
    font-size: 18px;
	color:#ffffff;
	font-weight:300;
	background:#2f425f;
	max-width:60%;
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
}

#presskit a {
	text-decoration:none;
	color:#fff;
	cursor:pointer;
}

#presskit:hover {
	background:#9fbeec;
}


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


ul.nav-menu.toggled-on, .menu-toggle {
    display: inline-block;
}
.menu-toggle {
    cursor: pointer;
}
.menu-toggle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-repeat: repeat-x;
    border-color: -moz-use-text-color #CBCBCB #CBCBCB;
    border-image: none;
    border-radius: 0;
    border-style: none solid solid;
    border-width: 0;
    box-shadow: 0 0 0 #CBCBCB inset, 0 0 0 #FFFFFF inset, 0 0 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    left: auto;
    /*position: absolute;
    right: 10px;
    top: 10px;*/
    z-index: 1000;
    /*padding: 0.428571rem 0.714286rem;*/
	max-width:35px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.menu-toggle .icon-bar {
	background-color: #9fbeec;
    border-radius: 0;
    display: block;
    height: 3px;
    width: 90%;
}

.menu-toggle .icon-bar + .icon-bar {
    margin-top: 3px;
}

.menu-toggle:hover {
	background:none;
}

.menu-toggle:active {
	background:none;
}

.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
    background-color: #2f425f;
    background-image: none;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0px 0px #f2f2f2 inset, 0 0px 0 0 #F2f2f2;
    color: #f2f2f2;
}

.main-navigation li a {
    border-bottom: 0 none;
    color: #fff;
    font-family: 'Lato',san-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: .25em;
    text-transform: uppercase;
    white-space: nowrap;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #9fbeec;
    border-top: 1px solid #9fbeec;
    display: none;
    text-align: left;
    width: 100%;
	height:225px;
}

#socialbar {
    color: #9FBEEC;
    display: block;
    padding-top: 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}


/*mobile layout table */

#masthead {
	width:100%;
	min-height:100px;
}

#tablewrap {
	display:block;
}

#tablerow {
	display: block;
}

#navtable {
	display: block;
	background-color: #2f425f;
	vertical-align:top;
	width:100%;
	height:auto;
}

#tablecontent {
	display: block;
	background-color: #ffffff;
	vertical-align:top;
}

.site-header {
    background: none repeat scroll 0 0 #2f425f;
    display: block;
    float: left;
    max-width: 100%;
    padding: 1.71429rem;
}

.site-header h2 {
    color: #fff;
    font-family: 'Lato',san-serif;
    font-size: 0.928571rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.34615;
    max-width: 100%;
}

#logo {
	display:block;
	width:250px;
	height:55px;
	background-image:url('imgs/headerbig.gif');
	background-repeat:no-repeat;
	background-position:left;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	
}

#twitterwidget {
	display:none;
}

#timecopy {
	display:none;

}

#timelogo {
	display:none;

}

#webbycopy {
	display:none;
}

#webby {
	display:none;
}

#timebanner {
	height:25px;
}


}