/*
Theme Name: TCNJ People
Theme URI:
Description: TCNJ People is a child theme of the beautiful Twenty Thirteen. The Twenty Thirteen brings WordPress default theme back to blogging. 
Author: Matthew Winkel
Author URI:
Template: twentythirteen
Version: 2.4.2
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, custom-colors, custom-header, featured-images, flexible-width, editor-style, post-formats, threaded-comments, sticky-post, rtl-language-support
*/

/* Imports */
@import url("../twentythirteen/style.css");
@import '//fonts.googleapis.com/css?family=Open+Sans:italic300,italic800,600,300,italic400,italic600,italic700,700,800,400';
@import '//fonts.googleapis.com/css?family=EB+Garamond';


hr {
    background: url() repeat center top;
    background-size: 4px 4px;
    border: 0;
    height: 1px;
    margin: 0 0 24px;
	background-image: none;
}

.widget .widget-title {
    font: 600 normal 13.5px Open Sans, sans-serif;
	margin: 0 0 10px;
	text-transform:uppercase;
	font-size:13.5px;
}

.format-image .entry-title, .format-chat .entry-title {
	font-weight: normal;
}

.format-link .entry-title {font: 300 normal 20px Open Sans;
}


.site-footer .widget-title,
.site-footer .wp-caption-text {
	color: #4e4e4e;
}

.site-footer .widget-title a {
	color: #33739f;
    font-weight: normal;
}

.site-footer .widget-title a:hover {
	text-decoration:underline;
}

.format-gallery .entry-title, .format-video .entry-title {
	font-size: 28px;
	font-weight: normal;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	font-style: normal;
}

.site-header {
    background: url() no-repeat scroll top!important;
    background-size: 1600px auto;
}

.site-header .home-link {
	min-height: 100px; /* height 230px */
}

.site-title {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 22px;
	padding-top: 22px;
	margin-left: 0px; 
	font-size: 32px; 
	font-family: 'EB Garamond', sans-serif;
	text-transform:none;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	color:#33739f;
	}	
}

.site-description {
	font: 300 normal 24px Open Sans;
	margin: 0;
}

h2.site-description {display:none;
}

h2.site-description {
	color:#f7f7f7!important;
	} 

/* Reply Area */
.archive-header,.comment-respond  {
	background-color: #F4F4F4;
	}

.archive-title,
.archive-meta {
	font: 300 normal 24px Open Sans;
}

button,
input,
textarea {
	border: 1px solid #B0B0B0;
}

html,body {
	background-color:#293f6f;
} 

#page {
	border-color:#293f6f;
	font-family:Open Sans;
	color:#4e4e4e;
	} 

#page .site-title {
    font-family: EB Garamond;
    text-transform: none;
    font-variant: normal;
    font-size: 52px;
    font-style: normal;
    font-weight:ent normal;
    text-decoration: none;
    color: #4E4E4E;
	} 

.navbar {background-color:#E9E9E9;
		 border-top: 1px solid #D6D6D6;
		 border-bottom: 1px solid #D6D6D6;
		 } 
		 
#page .main-navigation li a {
    font-size: 13px;
    font-family: Open Sans;
    color: #4e4e4e;
	text-transform: uppercase;
	padding-top: 21px;
    padding-bottom: 21px;
	}		 

#page .main-navigation li a:hover {color:#000000;} 

#page .main-navigation li a:hover{color:#33739f;} 

.main-navigation li a{ background-color:#E9E9E9;}

.widget-area .searchform [type=search]{background-color:#00aeef; border-color: none;} 

.searchform [type=search], .site-header .searchform [type=search]:focus{border-color: none;} 

.site-header .search-field:focus {
    background-color: #fff;
    border: 1px solid #B0B0B0;
    cursor: text;
    outline: 0;
    width: 230px;
}

.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
    max-width: 1040px;
    padding: 0 376px 0 0px;
}

.site-footer .sidebar-container{
	background-color: #f7f7f7;
	} 

#secondary .widget-title{
	font-size:13.5px;
	font-family:Open Sans;
	} 

.widget {font-size:16px;}	

#secondary aside, #secondary aside ul li, #secondary aside a{font-family:Open Sans;} 

#tertiary .widget{background-color:#fff;} 

#tertiary .widget-title{font-size:22px;font-family:Open Sans; color:#4e4e4e;} 

#tertiary aside{font-size:19px;font-family:Open Sans;color:#4e4e4e;} 

#tertiary aside a{ color:#33739f;} 

#tertiary aside a:hover{text-decoration:underline; } 

.entry-title, #page .entry-title a{
	font-size: 30px;
    line-height: 140%;
    font-family: 'Open Sans', sans-serif;
    font-variant: normal;
    margin-top: 0px;
    color: #4e4e4e;
    font-weight: 600;
    margin-bottom: 25px;
	} 

#page .entry-title a:hover{
	font-size: 30px;
    line-height: 140%;
    font-family: 'Open Sans', sans-serif;
    font-variant: normal;
    margin-top: 0px;
    color: #33739f;
    font-weight: 600;
    margin-bottom: 25px;
	} 

.entry-content p, #page .entry-content p a, #respond p{
	font-family: Open Sans, sans-serif;
    color: #33739f;
    font-size: 23px;
    line-height: 165%;
      } 

.entry-content p, #respond p{
	font-family: Open Sans, sans-serif;
    color: #4e4e4e;
    font-size: 23px;
    line-height: 165%;} 

#page .entry-content a, #commentform a{
	font-family: Open Sans, sans-serif;
 	color: #33739f;
    font-size: 23px;
    line-height: 165%;
    text-decoration: none;
	} 

#page .entry-content a:hover, #commentform a:hover{
	color:#33739f; 
    text-decoration: underline;
} 

.entry-meta{color:#4e4e4e;} 

#page .entry-meta a{color:#4e4e4e;} 

#page .edit-link a{color:#33739f} 

.format-gallery{background-color:#e6f7fd} 

.format-gallery .entry-title, #page .format-gallery .entry-title a{color:#33739f} 

#page .format-gallery .entry-title a:hover{text-decoration: underline;} 

#page .format-gallery .entry-meta a, #page .format-gallery .entry-meta a:hover{text-decoration: underline;} 

.format-chat{background-color:#33739f} 

.format-chat .entry-title, #page .format-chat .entry-title a{color:#33739f} 

#page .format-chat .entry-title a:hover{text-decoration: underline;} 

.format-chat .chat{color:#4e4e4e;} 

#page .format-chat .chat a{color:#33739f} 

#page .format-chat .chat a:hover{color:#fff} 

#page .format-chat .entry-meta a, #page .format-chat .entry-meta a:hover{text-decoration: underline;} 

.format-aside{background-color:#fff} 

.format-aside .entry-content p{color:#4e4e4e} 

#page .format-aside .entry-content a{color:#fff} 

.format-link{background-color:#33739f} 

.format-link .entry-title, #page .format-link .entry-title a{color:#fff} 

#page .format-link .entry-title a:hover{color:#fff} 

.format-link .entry-content p{color:#fff} 

#page .format-link a{color:#fff} 

#page .format-link a:hover{color:#fff} 

#page .format-link .entry-meta a, #page .format-link .entry-meta a:hover{color:#fff} 

.format-image{background-color:#fff} 

.format-image .entry-title, #page .format-image .entry-title a{color:#33739f} 

#page .format-image .entry-title a:hover{text-decoration: underline;} 

#page .format-image .entry-meta a, #page .format-image .entry-meta a:hover{text-decoration: underline;} 

.format-quote, .format-quote .entry-content blockquote{background-color:#fffccc} 

.format-quote .entry-content blockquote, .format-quote .entry-content blockquote p {color:#4e4e4e} 

#page .format-quote a{color:#33739f} 

#page .format-quote a:hover{text-decoration: underline;} 

#page .format-quote .entry-meta a, #page .format-quote .entry-meta a:hover{text-decoration: underline;} 

#page .format-status{background-color:#fff} 

.format-status .entry-content, .format-status .entry-content p{color:#4e4e4e} 

#page .format-status a{color:#fff} #page .format-status a:hover{text-decoration: underline;} 

#page .format-status .entry-meta a, #page .format-status .entry-meta a:hover{text-decoration: underline;} 

.format-video{background-color:#e6f7fd} 

.format-video .entry-title, #page .format-video .entry-title a{color:#33739f} 

#page .format-video .entry-title a:hover{text-decoration: underline;} 

.format-video .entry-content p{color:#4e4e4e} 

#page .format-video a{color:#fff} 

#page .format-video a:hover{text-decoration: underline;} 

#page .format-video .entry-meta a, #page .format-video .entry-meta a:hover{color:#33739f} 

.format-audio{background-color:#882575} 

.format-audio .entry-title, #page .format-audio .entry-title a{color:#fff} 

.site-footer{background-color:#293f6f} 

#page .site-info a{font-size:18px;font-family:Open Sans}

.paging-navigation {
	background-color: #e6f7fd;
	}
	
.paging-navigation .meta-nav {
	background-color: #33739f;	
	}
	
.paging-navigation a:hover .meta-nav {
	background-color: #293f6f;
	}	
	
.navigation a {
	color: #2e2e2e;
}	

.navigation a:hover {
	color: #33739f;
	text-decoration: none;
}

.widget a {
	color: #33739f;
}

.widget a:hover {
	text-decoration: none;
}

.site-footer .widget a {
	color: #33739f;
}

.site-footer .widget a:hover {
	text-decoration: underline;
}

.site-footer p {
	color: #4e4e4e;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #33739f;
    font-size: 25px;
    font-family: 'EB Garamond', serif;;
}

#page .menu-toggle {color:#4e4e4e}

#page .genericon-search:before {color:#fff}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #E9E9E9;
	color: #2e2e2e;
}

ul.nav-navigation ul a:hover,
.nav-menu ul ul a:hover {
	background-color: #E9E9E9;
}

/* Box Styles */
#fancy-box {
margin:10px 0; 
	padding:10px; 
	background-color: #fff; 
	border: 1px solid #92B6D5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	}
	
/*Buttons*/
button, input[type="submit"], input[type="button"], input[type="reset"] {
    color: #33739f;
    background: transparent;
    text-decoration: none;
    border-color: #33739f;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    padding: 15px 50px;
    box-shadow: none;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 15px;
    margin-right: 15px;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
    color: #fff;
    background: #33739f;
    text-decoration: none;
    border-color: #33739f;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    padding: 15px 50px;
    box-shadow: none;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 15px;
    margin-right: 15px;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
    color: #fff;
    background: #33739f;
    text-decoration: none;
    border-color: #33739f;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    padding: 15px 50px;
    box-shadow: none;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 15px;
    margin-right: 15px;
}

#page a.fancy-button {color: #fff}
#page a.fancy-button  {
color: #fff;
    {
    color: #33739f;
    background: transparent;
    text-decoration: none;
    border-color: #33739f;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    padding: 5px 25px;
    box-shadow: none;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 5px;
    text-transform: uppercase;
	}
	
#page a.fancy-button:hover {
	color: #fff;	
	background: #33739f;
	}

@media (max-width: 643px) {

.entry-title,
	.format-chat .entry-title,
	.format-image .entry-title,
	.format-gallery .entry-title,
	.format-video .entry-title {
		font-size: 22px;
		font-weight: normal;
	}


	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		background-color: #E9E9E9;
		color: #E9E9E9;
	}
}